:root { --topBg: #000000; --topBg2: #000000; --topLine: #151515; --topPanel: #0d0d0d; --topPanelHover: #1a1a1a; --topPanelSelected: #242424; --topBorder: #262626; --topShadow: 0 18px 50px rgba(0,0,0,.55); --topDarkCard: #111111; --topDarkCard2: #080808; --topDanger: #ff9090; }
.cgptSettingsOverlay, .cgptSettingsOverlay * { font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
.cgptSettingsOverlay { position: fixed; inset: 0px; z-index: 9999999; display: flex; align-items: center; justify-content: center; padding: 26px; background: rgba(0, 0, 0, 0.52); backdrop-filter: blur(16px) saturate(130%); opacity: 0; pointer-events: none; transition: opacity 0.16s; }
.cgptSettingsOverlay[hidden] { display: none !important; pointer-events: none !important; }
.cgptSettingsOverlay.isOpen { opacity: 1; pointer-events: auto; }
.cgptSettingsOverlay.isClosing { opacity: 0; }
.cgptSettingsModal { width: min(96vw, 1100px); height: min(92vh, 780px); display: grid; grid-template-columns: 250px minmax(0px, 1fr); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 22px; background: linear-gradient(rgb(26, 26, 26), rgb(18, 18, 18)); color: rgb(236, 236, 236); box-shadow: rgba(0, 0, 0, 0.76) 0px 30px 120px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset; transform: translateY(13px) scale(0.978); opacity: 0; transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.16s; will-change: transform, opacity; }
.cgptSettingsOverlay.isOpen .cgptSettingsModal { transform: translateY(0px) scale(1); opacity: 1; }
.cgptSettingsOverlay.isClosing .cgptSettingsModal { transform: translateY(9px) scale(0.986); opacity: 0; }
.cgptSettingsNav { min-width: 0px; display: flex; flex-direction: column; padding: 14px 10px; overflow-y: auto; background: rgb(17, 17, 17); border-right: 1px solid rgba(255, 255, 255, 0.08); }
.cgptSettingsBrand { display: flex; align-items: center; gap: 11px; min-height: 58px; padding: 8px 8px 14px; margin-bottom: 2px; }
.cgptSettingsBrand img { width: 36px; height: 36px; border-radius: 11px; object-fit: cover; box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px; }
.cgptSettingsBrand strong { display: block; color: rgb(255, 255, 255); font-size: 14px; line-height: 1.1; font-weight: 900; }
.cgptSettingsBrand span { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.5); font-size: 11px; font-weight: 700; }
.cgptSettingsCategory { margin: 12px 8px 5px; color: rgba(255, 255, 255, 0.42); font-size: 10px; line-height: 1; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.cgptSettingsTab { position: relative; isolation: isolate; width: 100%; min-height: 30px; display: flex; align-items: center; gap: 8px; padding: 0px 9px; border: 0px; border-radius: 8px; background: transparent; color: rgba(255, 255, 255, 0.68); font-size: 12px; font-weight: 800; text-align: left; cursor: pointer; overflow: hidden; transition: color 0.16s, transform 0.16s, background 0.16s; }
.cgptSettingsTab::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: 8px; background: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.22s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.16s; opacity: 0; }
.cgptSettingsTab:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.055); transform: translateX(1px); }
.cgptSettingsTab.isActive { color: rgb(17, 17, 17); }
.cgptSettingsTab.isActive::before { transform: scaleX(1); opacity: 1; }
.cgptSettingsTab svg { width: 14px; height: 14px; flex: 0 0 auto; fill: currentcolor; }
.cgptSettingsNavFooter { margin-top: auto; padding: 12px 8px 2px; color: rgba(255, 255, 255, 0.34); font-size: 10px; font-weight: 750; }
.cgptSettingsPanel { min-width: 0px; display: flex; flex-direction: column; overflow: hidden; background: rgb(18, 18, 18); }
.cgptSettingsTop { height: 64px; flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0px 20px 0px 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.cgptSettingsTop h2 { margin: 0px; display: flex; align-items: center; gap: 10px; color: rgb(255, 255, 255); font-size: 18px; line-height: 1; font-weight: 900; }
.cgptTitleIcon { width: 18px; height: 18px; fill: currentcolor; opacity: 0.86; }
.cgptSettingsClose { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 0px; border-radius: 10px; background: transparent; color: rgba(255, 255, 255, 0.62); cursor: pointer; transition: background 0.15s, color 0.15s, transform 0.15s; }
.cgptSettingsClose:hover { background: rgba(255, 255, 255, 0.075); color: rgb(255, 255, 255); transform: scale(1.02); }
.cgptSettingsClose svg { width: 18px; height: 18px; fill: currentcolor; }
.cgptSettingsPages { flex: 1 1 0%; min-height: 0px; overflow: hidden; position: relative; }
.cgptSettingsPage { display: none; height: 100%; overflow-y: auto; padding: 28px 34px 86px; }
.cgptSettingsPage.isActive { display: block; animation: 0.16s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal both running cgptPageIn; }
@keyframes cgptPageIn { 
  0% { opacity: 0; transform: translateY(7px); filter: blur(3px); }
  100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }
}
.cgptSettingsPage h3 { margin: 0px 0px 22px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 900; letter-spacing: -0.02em; }
.cgptSettingsGroup { width: min(100%, 720px); border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 16px; overflow: visible; background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.02)); }
.cgptSettingsField { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(190px, 260px); align-items: center; gap: 20px; min-height: 66px; padding: 13px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.cgptSettingsField span { color: rgb(255, 255, 255); font-size: 13px; font-weight: 850; }
.cgptSettingsField input { width: 100%; height: 38px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgb(14, 14, 14); color: rgb(255, 255, 255); outline: 0px; padding: 0px 12px; font-size: 13px; font-weight: 700; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s; }
.cgptSettingsField input:focus { border-color: rgba(255, 255, 255, 0.28); box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 3px; }
.cgptSettingsRow { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 20px; min-height: 72px; padding: 13px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.cgptSettingsRow:last-child, .cgptSettingsField:last-child { border-bottom: 0px; }
.cgptSettingsRow strong { display: block; color: rgb(255, 255, 255); font-size: 13px; font-weight: 850; }
.cgptSettingsRow p { margin: 4px 0px 0px; color: rgba(255, 255, 255, 0.52); font-size: 12px; line-height: 1.35; font-weight: 650; }
.cgptSelect { min-width: 170px; height: 38px; display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0px 12px; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0.13); background: rgb(14, 14, 14); color: rgb(255, 255, 255); cursor: pointer; font-size: 13px; font-weight: 800; text-align: left; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s, transform 0.15s; }
.cgptSelect:hover, .cgptSelect.isOpen { background: rgb(21, 21, 21); border-color: rgba(255, 255, 255, 0.24); box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 3px; }
.cgptSelect svg { width: 17px; height: 17px; flex: 0 0 auto; fill: currentcolor; opacity: 0.72; transition: transform 0.16s; }
.cgptSelect.isOpen svg { transform: rotate(180deg); }
.cgptToggle { width: 44px; height: 24px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgb(14, 14, 14); padding: 2px; cursor: pointer; transition: background 0.16s, border-color 0.16s, box-shadow 0.16s; }
.cgptToggle span { width: 18px; height: 18px; display: block; border-radius: 999px; background: rgb(255, 255, 255); transform: translateX(0px); box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 6px; transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), background 0.16s; }
.cgptToggle.isOn { background: rgb(255, 170, 0); border-color: rgb(255, 170, 0); }
.cgptToggle.isOn span { transform: translateX(19px); background: rgb(255, 255, 255); }
.cgptSettingsFooter { flex: 0 0 auto; min-height: 60px; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 10px 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); background: rgba(18, 18, 18, 0.96); }
#cgptSettingsSavedText { min-width: 54px; color: rgba(255, 255, 255, 0.6); font-size: 12px; font-weight: 750; text-align: right; }
#cgptSettingsSavedText.isSaved { color: rgb(80, 255, 160); }
.cgptPrimaryButton { position: relative; isolation: isolate; height: 34px; min-width: 86px; padding: 0px 13px; border-radius: 9px; border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255); color: rgb(36, 36, 36); cursor: pointer; overflow: hidden; font-size: 12px; font-weight: 900; transition: transform 0.15s, filter 0.15s; }
.cgptPrimaryButton:hover { transform: translateY(-1px); filter: brightness(0.96); }
.cgptSelectMenu { position: fixed; z-index: 10000000; display: grid; gap: 4px; padding: 6px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 12px; background: rgba(14, 14, 14, 0.98); box-shadow: rgba(0, 0, 0, 0.7) 0px 22px 70px; backdrop-filter: blur(12px); overflow: auto; opacity: 0; transform: translateY(-4px) scale(0.985); pointer-events: none; transition: opacity 0.12s, transform 0.12s; }
.cgptSelectMenu[hidden] { display: none !important; }
.cgptSelectMenu.isOpen { opacity: 1; transform: translateY(0px) scale(1); pointer-events: auto; }
.cgptSelectOption { min-height: 34px; display: flex; align-items: center; width: 100%; border: 0px; border-radius: 8px; background: transparent; color: rgba(255, 255, 255, 0.82); cursor: pointer; padding: 0px 10px; font-size: 12px; font-weight: 800; text-align: left; }
.cgptSelectOption:hover { background: rgba(255, 255, 255, 0.075); color: rgb(255, 255, 255); }
.cgptSelectOption.isSelected { background: rgb(255, 255, 255); color: rgb(17, 17, 17); }
@media (max-width: 900px) {
.cgptSettingsOverlay { padding: 12px; }
.cgptSettingsModal { width: 96vw; height: 92vh; grid-template-columns: 205px minmax(0px, 1fr); }
.cgptSettingsPage { padding: 22px 18px 78px; }
.cgptSettingsField, .cgptSettingsRow { grid-template-columns: 1fr; align-items: start; gap: 10px; }
.cgptSelect { width: 100%; }
}
@media (max-width: 650px) {
.cgptSettingsModal { grid-template-columns: 1fr; }
.cgptSettingsNav { display: none; }
.cgptSettingsTop { padding-left: 16px; }
}
.cgptSettingsModal { grid-template-columns: 260px minmax(0px, 1fr) !important; width: min(96vw, 1160px) !important; height: min(92vh, 860px) !important; border-radius: 8px !important; background: rgb(11, 11, 13) !important; border: 1px solid rgba(255, 255, 255, 0.106) !important; }
.cgptSettingsNav { min-width: 0px !important; display: flex !important; flex-direction: column !important; padding: 24px 14px 0px !important; overflow: hidden !important; background: rgb(8, 9, 11) !important; border-right: 1px solid rgb(34, 35, 41) !important; }
.cgptSettingsUserCard { display: flex; align-items: center; gap: 10px; min-height: 58px; margin: 0px 0px 14px; }
.cgptSettingsUserAvatar { width: 48px; height: 48px; border-radius: 14px; object-fit: cover; flex: 0 0 auto; }
.cgptSettingsUserCopy { min-width: 0px; display: flex; flex-direction: column; justify-content: center; }
.cgptSettingsUserCopy strong { display: block; color: rgb(242, 243, 245); font-size: 14px; line-height: 1.16; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cgptEditProfilesBtn { width: max-content; max-width: 100%; height: 18px; margin: 2px 0px 0px; padding: 0px; border: 0px; background: transparent; display: inline-flex; align-items: center; gap: 4px; color: rgb(155, 157, 167); font-size: 12px; line-height: 1; font-weight: 650; cursor: pointer; }
.cgptEditProfilesBtn:hover { color: rgb(219, 222, 225); }
.cgptEditProfilesBtn svg { width: 12px; height: 12px; fill: currentcolor; opacity: 0.9; }
.cgptSettingsSearchBox { height: 44px; margin: 0px 0px 18px; padding: 0px 12px; border-radius: 8px; border: 1px solid rgb(37, 38, 45); background: rgb(13, 14, 18); display: flex; align-items: center; gap: 10px; color: rgb(181, 186, 193); }
.cgptSettingsSearchBox:focus-within { border-color: rgb(52, 54, 64); background: rgb(16, 17, 21); }
.cgptSettingsSearchBox svg { width: 18px; height: 18px; fill: currentcolor; flex: 0 0 auto; }
.cgptSettingsSearchBox input { width: 100%; min-width: 0px; border: 0px; outline: 0px; background: transparent; color: rgb(219, 222, 225); font-size: 16px; font-weight: 500; }
.cgptSettingsSearchBox input::placeholder { color: rgb(155, 157, 167); }
.cgptSettingsScrollNav { flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: 0px 0px 18px; scrollbar-width: thin; scrollbar-color: rgb(47, 48, 56) transparent; }
.cgptSettingsScrollNav::-webkit-scrollbar { width: 8px; }
.cgptSettingsScrollNav::-webkit-scrollbar-track { background: transparent; }
.cgptSettingsScrollNav::-webkit-scrollbar-thumb { background: rgb(47, 48, 56); border-radius: 999px; border: 2px solid rgb(8, 9, 11); }
.cgptSettingsCategory { margin: 17px 8px 7px !important; color: rgb(139, 142, 152) !important; font-size: 12px !important; line-height: 1 !important; font-weight: 750 !important; letter-spacing: 0.02em !important; text-transform: none !important; }
.cgptSettingsDivider { height: 1px; margin: 18px 0px 14px; background: rgb(34, 35, 41); }
.cgptSettingsTab { position: relative !important; isolation: isolate !important; width: 100% !important; min-height: 36px !important; height: 36px !important; display: flex !important; align-items: center !important; gap: 12px !important; padding: 0px 10px !important; border: 0px !important; border-radius: 7px !important; background: transparent !important; color: rgb(159, 162, 173) !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1 !important; text-align: left !important; cursor: pointer !important; overflow: hidden !important; transform: none !important; transition: color 0.13s, background 0.13s, box-shadow 0.13s !important; }
.cgptSettingsTab::before { content: "" !important; position: absolute !important; inset: 0px !important; z-index: -1 !important; border-radius: 7px !important; background: rgb(42, 43, 49) !important; opacity: 0 !important; transform: scale(0.985) !important; transition: opacity 0.14s, transform 0.16s cubic-bezier(0.2, 0.9, 0.2, 1) !important; }
.cgptSettingsTab:hover { color: rgb(215, 217, 223) !important; background: rgba(255, 255, 255, 0.043) !important; transform: none !important; }
.cgptSettingsTab:active::before { opacity: 0.72 !important; transform: scale(1) !important; }
.cgptSettingsTab.isActive { color: rgb(242, 243, 245) !important; background: rgb(42, 43, 49) !important; }
.cgptSettingsTab.isActive::before { opacity: 1 !important; transform: scale(1) !important; }
.cgptSettingsTab svg { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; fill: currentcolor !important; opacity: 0.92 !important; }
.cgptSettingsTab span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cgptSettingsPanel { background: rgb(11, 11, 13) !important; }
.cgptSettingsTop { border-bottom: 1px solid rgb(32, 33, 39) !important; }
@media (max-width: 900px) {
.cgptSettingsModal { grid-template-columns: 236px minmax(0px, 1fr) !important; }
.cgptSettingsNav { padding: 18px 10px 0px !important; }
.cgptSettingsTab { font-size: 14px !important; gap: 10px !important; }
}
.cgptSettingsModal { grid-template-columns: 260px minmax(0px, 1fr) !important; width: min(96vw, 1160px) !important; height: min(90vh, 820px) !important; border-radius: 10px !important; background: rgb(56, 56, 56) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; box-shadow: rgba(0, 0, 0, 0.72) 0px 28px 100px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset !important; }
.cgptSettingsNav { background: rgb(36, 36, 36) !important; border-right: 1px solid rgba(255, 255, 255, 0.16) !important; padding: 14px 12px 0px !important; overflow: hidden !important; }
.cgptSettingsPanel { background: rgb(56, 56, 56) !important; }
.cgptSettingsTop { height: 44px !important; min-height: 44px !important; padding: 0px 14px 0px 16px !important; background: rgb(56, 56, 56) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsTop h2 { font-size: 15px !important; gap: 8px !important; }
.cgptTitleIcon { width: 15px !important; height: 15px !important; }
.cgptSettingsClose { width: 28px !important; height: 28px !important; border-radius: 7px !important; }
.cgptSettingsClose svg { width: 16px !important; height: 16px !important; }
.cgptSettingsSearchBox { height: 34px !important; margin: 0px 0px 14px !important; padding: 0px 10px !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; background: rgba(0, 0, 0, 0.18) !important; gap: 9px !important; }
.cgptSettingsSearchBox:focus-within { border-color: rgba(255, 255, 255, 0.28) !important; background: rgba(0, 0, 0, 0.24) !important; box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 3px !important; }
.cgptSettingsSearchBox svg { width: 16px !important; height: 16px !important; fill: rgba(255, 255, 255, 0.74) !important; }
.cgptSettingsSearchBox input { font-size: 13px !important; font-weight: 600 !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsSearchBox input::placeholder { color: rgba(255, 255, 255, 0.52) !important; }
.cgptSettingsScrollNav { display: flex !important; flex-direction: column !important; gap: 4px !important; padding: 0px 0px 16px !important; overflow-y: auto !important; scrollbar-color: rgba(255, 255, 255, 0.2) transparent !important; }
.cgptSettingsScrollNav::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.18) !important; border: 2px solid rgb(36, 36, 36) !important; }
.cgptSettingsTab { height: 34px !important; min-height: 34px !important; padding: 0px 9px !important; margin: 0px !important; border-radius: 8px !important; gap: 11px !important; color: rgba(255, 255, 255, 0.58) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; overflow: hidden !important; background: transparent !important; transition: background 0.14s, color 0.14s, transform 0.14s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.14s !important; }
.cgptSettingsTab:hover { background: rgba(255, 255, 255, 0.07) !important; color: rgba(255, 255, 255, 0.86) !important; transform: translateX(1px) !important; }
.cgptSettingsTab:active { transform: translateX(1px) scale(0.985) !important; }
.cgptSettingsTab.isActive { background: rgb(56, 56, 56) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }
.cgptSettingsTab::before { display: none !important; }
.cgptSettingsTab .material-symbols-rounded { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; align-items: center !important; justify-content: center !important; color: currentcolor !important; opacity: 0.9 !important; }
.cgptSettingsTab svg { display: none !important; }
.cgptSettingsCategory { margin: 16px 8px 6px !important; color: rgba(255, 255, 255, 0.48) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.015em !important; text-transform: none !important; }
.cgptSettingsDivider { height: 1px !important; margin: 12px 0px 10px !important; background: rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsPage { background: rgb(56, 56, 56) !important; padding: 24px 30px 80px !important; }
.cgptSettingsGroup { background: rgba(36, 36, 36, 0.42) !important; border-color: rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsFooter { min-height: 50px !important; background: rgb(56, 56, 56) !important; border-top: 1px solid rgba(255, 255, 255, 0.12) !important; }
@media (max-width: 900px) {
.cgptSettingsModal { grid-template-columns: 230px minmax(0px, 1fr) !important; }
.cgptSettingsTab { font-size: 13px !important; gap: 9px !important; }
}
.cgptSettingsModal { grid-template-columns: 258px minmax(0px, 1fr) !important; width: min(94vw, 1180px) !important; height: min(88vh, 790px) !important; background: rgb(56, 56, 56) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; border-radius: 10px !important; }
.cgptSettingsNav { background: rgb(36, 36, 36) !important; border-right: 1px solid rgba(255, 255, 255, 0.16) !important; padding: 12px 10px 0px !important; }
.cgptSettingsPanel, .cgptSettingsPages, .cgptSettingsPage { background: rgb(56, 56, 56) !important; }
.cgptSettingsTop { height: 36px !important; min-height: 36px !important; padding: 0px 10px 0px 14px !important; background: rgb(56, 56, 56) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsTop h2 { font-size: 14px !important; font-weight: 800 !important; gap: 7px !important; }
.cgptTitleIcon { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; font-size: 18px !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsClose { width: 26px !important; height: 26px !important; border-radius: 6px !important; }
.cgptSettingsClose:hover { background: rgba(255, 255, 255, 0.08) !important; }
.cgptSettingsClose svg { width: 15px !important; height: 15px !important; }
.cgptSettingsSearchBox { height: 31px !important; margin: 0px 0px 12px !important; padding: 0px 9px !important; border-radius: 7px !important; background: rgba(0, 0, 0, 0.18) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; gap: 8px !important; }
.cgptSettingsSearchBox svg { width: 15px !important; height: 15px !important; }
.cgptSettingsSearchBox input { font-size: 12px !important; font-weight: 650 !important; }
.cgptSettingsScrollNav { gap: 6px !important; padding: 0px 2px 14px 0px !important; overflow-x: hidden !important; }
.cgptSettingsTab { height: 32px !important; min-height: 32px !important; padding: 0px 9px !important; border-radius: 7px !important; gap: 10px !important; color: rgba(255, 255, 255, 0.58) !important; font-size: 13px !important; font-weight: 700 !important; overflow: visible !important; background: transparent !important; transform: none !important; transition: background 0.13s, color 0.13s, transform 0.13s cubic-bezier(0.16, 1, 0.3, 1) !important; }
.cgptSettingsTab:hover { background: rgba(255, 255, 255, 0.07) !important; color: rgba(255, 255, 255, 0.88) !important; transform: translateX(1px) !important; }
.cgptSettingsTab:active { background: rgba(255, 255, 255, 0.11) !important; transform: translateX(1px) scale(0.985) !important; }
.cgptSettingsTab.isActive { background: rgb(56, 56, 56) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsTab .material-symbols-rounded { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; font-size: 18px !important; align-items: center !important; justify-content: center !important; }
.cgptSettingsDivider { height: 1px !important; margin: 10px 0px 8px !important; background: rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsCategory { margin: 10px 8px 4px !important; color: rgba(255, 255, 255, 0.46) !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; }
.cgptSettingsFooter { display: none !important; }
.cgptSettingsPage { padding: 22px 30px 30px !important; }
.cgptSettingsGroup { background: rgba(36, 36, 36, 0.34) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsUserCard, .cgptSidebarProfile, .cgptSettingsProfileCard { display: none !important; }
.cgptSelectMenu { background: rgb(36, 36, 36) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 60px !important; }
.cgptSelectOption:hover { background: rgba(255, 255, 255, 0.07) !important; }
.cgptSelectOption.isSelected { background: rgb(56, 56, 56) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsModal { background: rgb(20, 20, 20) !important; border-color: rgba(255, 255, 255, 0.1) !important; }
.cgptSettingsNav, .cgptSettingsPanel, .cgptSettingsPages, .cgptSettingsPage, .cgptSettingsTop { background: rgb(20, 20, 20) !important; }
.cgptSettingsNav { border-right: 1px solid rgba(255, 255, 255, 0.08) !important; }
.cgptSettingsTop { border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; }
.cgptSettingsGroup { background: rgb(24, 24, 24) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; }
.cgptSettingsField, .cgptSettingsRow { border-bottom-color: rgba(255, 255, 255, 0.075) !important; }
.cgptSettingsTab.isActive { background: rgb(32, 32, 32) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsTab:hover { background: rgb(28, 28, 28) !important; }
.cgptSettingsSearchBox, .cgptSelect, .cgptSettingsField input, .cgptToggle { background: rgb(14, 14, 14) !important; border-color: rgba(255, 255, 255, 0.11) !important; }
.cgptSelect:hover, .cgptSelect.isOpen, .cgptSettingsSearchBox:focus-within { background: rgb(18, 18, 18) !important; border-color: rgba(255, 255, 255, 0.2) !important; }
.cgptSelectMenu { background: rgb(20, 20, 20) !important; border-color: rgba(255, 255, 255, 0.12) !important; }
.cgptSelectOption:hover { background: rgb(28, 28, 28) !important; }
.cgptSelectOption.isSelected { background: rgb(36, 36, 36) !important; color: rgb(255, 255, 255) !important; }
.cgptTitleIcon { display: none !important; }
.cgptSettingsOverlay { background: rgba(0, 0, 0, 0.5) !important; }
.cgptSettingsOverlay:active { background: rgba(0, 0, 0, 0.5) !important; }
.cgptSettingsOverlay.isOpen .cgptSettingsModal, .cgptSettingsOverlay.isClosing .cgptSettingsModal, .cgptSettingsModal { color: rgb(255, 255, 255) !important; }
.cgptSettingsModal { width: min(94vw, 1180px) !important; height: min(88vh, 790px) !important; grid-template-columns: 258px minmax(0px, 1fr) !important; overflow: hidden !important; }
.cgptSettingsNav, .cgptSettingsPanel, .cgptSettingsPages, .cgptSettingsPage, .cgptSettingsTop { background: rgb(20, 20, 20) !important; }
.cgptSettingsNav { border-right: 1px solid rgba(255, 255, 255, 0.12) !important; padding: 12px 9px 0px !important; overflow: hidden !important; }
.cgptSettingsScrollNav { display: flex !important; flex-direction: column !important; gap: 3px !important; padding: 0px 2px 12px 0px !important; overflow: hidden auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(255, 255, 255, 0.22) transparent !important; }
.cgptSettingsScrollNav::-webkit-scrollbar { width: 8px !important; }
.cgptSettingsScrollNav::-webkit-scrollbar-track { background: transparent !important; }
.cgptSettingsScrollNav::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2) !important; border-radius: 999px !important; border: 2px solid rgb(20, 20, 20) !important; }
.cgptSettingsSearchBox { height: 30px !important; margin: 0px 0px 10px !important; padding: 0px 9px !important; background: rgb(14, 14, 14) !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsSearchBox input { color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 500 !important; }
.cgptSettingsSearchBox input::placeholder { color: rgba(255, 255, 255, 0.58) !important; }
.cgptSettingsTop { height: 36px !important; min-height: 36px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsTop h2, .cgptSettingsPage h3 { color: rgb(255, 255, 255) !important; font-weight: 650 !important; letter-spacing: 0px !important; }
.cgptSettingsTop h2 { font-size: 14px !important; }
.cgptSettingsPage h3 { margin: 0px 0px 18px !important; font-size: 20px !important; }
.cgptSettingsPages { overflow: hidden !important; min-height: 0px !important; }
.cgptSettingsPage { height: 100% !important; min-height: 0px !important; overflow: hidden auto !important; padding: 20px 28px 36px !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsPage::-webkit-scrollbar { width: 10px !important; }
.cgptSettingsPage::-webkit-scrollbar-track { background: transparent !important; }
.cgptSettingsPage::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.22) !important; border-radius: 999px !important; border: 3px solid rgb(20, 20, 20) !important; }
.cgptSettingsGroup { width: 100% !important; max-width: 760px !important; background: rgb(24, 24, 24) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 14px !important; overflow: visible !important; }
.cgptSettingsField, .cgptSettingsRow { min-height: 60px !important; padding: 11px 14px !important; gap: 16px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsField:last-child, .cgptSettingsRow:last-child { border-bottom: 0px !important; }
.cgptSettingsField { grid-template-columns: minmax(0px, 1fr) minmax(160px, 240px) !important; }
.cgptSettingsRow { grid-template-columns: minmax(0px, 1fr) minmax(150px, max-content) !important; }
.cgptSettingsField span, .cgptSettingsRow strong { color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 600 !important; }
.cgptSettingsRow p { color: rgba(255, 255, 255, 0.78) !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 450 !important; }
.cgptSettingsField input, .cgptSelect, .cgptToggle { background: rgb(14, 14, 14) !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsField input { font-weight: 500 !important; }
.cgptSelect { min-width: 150px !important; max-width: 230px !important; height: 34px !important; padding: 0px 10px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 550 !important; transform: none !important; }
.cgptSelect span { min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.cgptSelect:hover, .cgptSelect.isOpen, .cgptSettingsField input:focus { background: rgb(14, 14, 14) !important; border-color: rgba(255, 255, 255, 0.22) !important; box-shadow: rgba(255, 255, 255, 0.043) 0px 0px 0px 2px !important; }
.cgptToggle { box-shadow: none !important; }
.cgptSettingsTab { height: 31px !important; min-height: 31px !important; margin: 0px !important; padding: 0px 9px !important; border-radius: 7px !important; gap: 9px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 500 !important; background: transparent !important; transform: none !important; box-shadow: none !important; transition: background 0.14s, color 0.14s !important; }
.cgptSettingsTab:hover { background: rgb(28, 28, 28) !important; color: rgb(255, 255, 255) !important; transform: none !important; }
.cgptSettingsTab:active { background: rgb(28, 28, 28) !important; transform: none !important; box-shadow: none !important; }
.cgptSettingsTab::before, .cgptSettingsTab:active::before, .cgptSettingsTab.isActive::before { display: none !important; opacity: 0 !important; transform: none !important; }
.cgptSettingsTab.isActive { background: rgb(32, 32, 32) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsTab .material-symbols-rounded { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; font-size: 18px !important; font-weight: 400 !important; }
.cgptSettingsCategory { margin: 8px 8px 3px !important; padding-top: 0px !important; color: rgb(255, 255, 255) !important; font-size: 10px !important; line-height: 1 !important; font-weight: 500 !important; letter-spacing: 0.01em !important; }
.cgptSettingsDivider { height: 1px !important; min-height: 1px !important; margin: 7px 0px 6px !important; background: rgba(255, 255, 255, 0.14) !important; }
.cgptSettingsClose { color: rgb(255, 255, 255) !important; transform: none !important; transition: background 0.14s, color 0.14s !important; }
.cgptSettingsClose:hover { background: rgb(28, 28, 28) !important; color: rgb(255, 255, 255) !important; transform: none !important; }
.cgptSelectMenu { background: rgb(14, 14, 14) !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; border-radius: 8px !important; padding: 5px !important; gap: 3px !important; box-shadow: rgba(0, 0, 0, 0.62) 0px 18px 58px !important; backdrop-filter: none !important; }
.cgptSelectOption { min-height: 31px !important; border-radius: 6px !important; background: rgb(14, 14, 14) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 500 !important; }
.cgptSelectOption:hover { background: rgb(28, 28, 28) !important; color: rgb(255, 255, 255) !important; }
.cgptSelectOption.isSelected { background: rgb(32, 32, 32) !important; color: rgb(255, 255, 255) !important; }
.cgptPrimaryButton, #cgptSettingsSavedText, .cgptSettingsFooter { display: none !important; }
@media (max-width: 900px) {
.cgptSettingsModal { grid-template-columns: 220px minmax(0px, 1fr) !important; }
.cgptSettingsPage { padding: 18px 20px 34px !important; }
.cgptSettingsRow, .cgptSettingsField { grid-template-columns: 1fr !important; align-items: start !important; }
.cgptSelect { width: 100% !important; max-width: none !important; }
}
@media (max-width: 650px) {
.cgptSettingsModal { grid-template-columns: 1fr !important; }
.cgptSettingsNav { display: none !important; }
}
.cgptSettingsModal { background: rgb(20, 20, 20) !important; }
.cgptSettingsNav { background: rgb(20, 20, 20) !important; }
.cgptSettingsPanel, .cgptSettingsPages, .cgptSettingsPage, .cgptSettingsTop { background: rgb(24, 24, 24) !important; }
.cgptSettingsTop { height: 36px !important; min-height: 36px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsTop h2 { color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0px !important; }
.cgptSettingsPage { padding: 20px 28px 36px !important; }
.cgptSettingsPage h3 { color: rgb(255, 255, 255) !important; font-size: 20px !important; font-weight: 650 !important; letter-spacing: 0px !important; margin: 0px 0px 18px !important; }
.cgptSettingsGroup { width: 100% !important; max-width: none !important; background: rgb(28, 28, 28) !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; border-radius: 14px !important; overflow: visible !important; }
.cgptSettingsRow, .cgptSettingsField { border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; }
.cgptSettingsRow:last-child, .cgptSettingsField:last-child { border-bottom: 0px !important; }
.cgptSettingsRow strong, .cgptSettingsField span { color: rgb(255, 255, 255) !important; font-weight: 600 !important; }
.cgptSettingsRow p { color: rgba(255, 255, 255, 0.74) !important; font-weight: 450 !important; }
.cgptSelect, .cgptSettingsField input, .cgptToggle { background: rgb(18, 18, 18) !important; border-color: rgba(255, 255, 255, 0.14) !important; }
.cgptSelect:hover, .cgptSelect.isOpen, .cgptSettingsField input:focus { background: rgb(18, 18, 18) !important; border-color: rgba(255, 255, 255, 0.24) !important; }
.cgptSelectMenu, .cgptSelectOption { background: rgb(18, 18, 18) !important; }
.cgptSelectOption:hover { background: rgb(28, 28, 28) !important; }
.cgptSelectOption.isSelected { background: rgb(36, 36, 36) !important; }
.cgptSettingsRow > .cgptToggle, .cgptSettingsValue > .cgptToggle, .cgptToggle { width: 46px !important; height: 26px !important; min-width: 46px !important; padding: 0px !important; position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; place-self: center end !important; border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; background: rgb(18, 18, 18) !important; box-shadow: none !important; transform: none !important; }
.cgptToggle:hover { background: rgb(28, 28, 28) !important; border-color: rgba(255, 255, 255, 0.22) !important; }
.cgptToggle span { position: absolute !important; left: 3px !important; top: 50% !important; width: 20px !important; height: 20px !important; display: block !important; border-radius: 999px !important; background: rgb(255, 255, 255) !important; box-shadow: rgba(0, 0, 0, 0.38) 0px 1px 4px !important; transform: translateY(-50%) !important; transition: left 0.18s cubic-bezier(0.16, 1, 0.3, 1), transform 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important; }
.cgptToggle.isOn { background: rgb(255, 170, 0) !important; border-color: rgba(255, 255, 255, 0.16) !important; }
.cgptToggle.isOn:hover { background: rgb(255, 185, 45) !important; border-color: rgba(255, 255, 255, 0.22) !important; }
.cgptToggle.isOn span { left: 21px !important; background: rgb(255, 255, 255) !important; transform: translateY(-50%) !important; }
.cgptSettingsValueLine { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; min-width: 190px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap !important; }
.cgptSettingsValueLine span { color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 500 !important; }
.cgptSensitiveValueLine { gap: 8px !important; min-width: 300px !important; }
.cgptAccountInfoRow .cgptSettingsValueLine > span { min-width: 0px !important; text-align: right !important; display: inline-block !important; }
.cgptSensitiveValue { width: auto !important; max-width: 245px !important; min-width: 0px !important; text-align: right !important; letter-spacing: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.cgptRevealLink { border: 0px !important; background: transparent !important; color: rgb(95, 145, 255) !important; padding: 0px !important; height: auto !important; min-width: 0px !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer !important; line-height: 1.2 !important; text-decoration: none !important; transform: none !important; box-shadow: none !important; }
.cgptRevealLink:hover { color: rgb(130, 170, 255) !important; text-decoration: underline !important; text-underline-offset: 2px !important; }
.cgptRevealLink:active { transform: none !important; }
@media (max-width: 760px) {
.cgptSensitiveValueLine { min-width: 0px !important; }
.cgptSensitiveValue { max-width: 150px !important; min-width: 0px !important; }
}
.cgptEditButton { min-width: 70px !important; height: 34px !important; padding: 0px 12px !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: rgb(18, 18, 18) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 550 !important; cursor: pointer !important; transform: none !important; box-shadow: none !important; transition: background 0.14s, border-color 0.14s, box-shadow 0.14s !important; }
.cgptEditButton:hover { background: rgb(18, 18, 18) !important; border-color: rgba(255, 255, 255, 0.24) !important; box-shadow: rgba(255, 255, 255, 0.043) 0px 0px 0px 2px !important; }
.cgptEditButton:active { transform: none !important; }
@media (max-width: 760px) {
.cgptSettingsValueLine { width: 100% !important; min-width: 0px !important; justify-content: space-between !important; }
}
.cgptSettingsModal { background: linear-gradient(180deg,var(--topDarkCard),var(--topDarkCard2)) !important; border: 1px solid var(--topBorder) !important; box-shadow: var(--topShadow), inset 0 1px 0 rgba(255,255,255,.035) !important; }
.cgptSettingsNav { background: var(--topDarkCard) !important; border-right: 1px solid var(--topBorder) !important; }
.cgptSettingsPanel, .cgptSettingsPages, .cgptSettingsPage, .cgptSettingsTop { background: var(--topPanel) !important; }
.cgptSettingsTop { border-bottom: 1px solid var(--topBorder) !important; }
.cgptSettingsTop h2, .cgptSettingsPage h3, .cgptSettingsRow strong, .cgptSettingsField span, .cgptSettingsValueLine, .cgptSettingsValueLine span { color: rgb(255, 255, 255) !important; }
.cgptSettingsSearchBox, .cgptSelect, .cgptSettingsField input, .cgptEditButton { background: var(--topDarkCard2) !important; border-color: var(--topBorder) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsSearchBox:focus-within, .cgptSelect:hover, .cgptSelect.isOpen, .cgptSettingsField input:focus, .cgptEditButton:hover { background: var(--topPanel) !important; border-color: rgba(255, 255, 255, 0.22) !important; box-shadow: rgba(255, 255, 255, 0.043) 0px 0px 0px 2px !important; }
.cgptSettingsGroup { background: linear-gradient(180deg,var(--topDarkCard),var(--topDarkCard2)) !important; border: 1px solid var(--topBorder) !important; }
.cgptSettingsRow, .cgptSettingsField { border-bottom: 1px solid var(--topBorder) !important; }
.cgptSettingsRow p { color: rgba(255, 255, 255, 0.68) !important; }
.cgptSettingsTab { color: rgba(255, 255, 255, 0.72) !important; }
.cgptSettingsTab:hover { background: var(--topPanelHover) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsTab.isActive { background: var(--topPanelSelected) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsCategory { color: rgba(255, 255, 255, 0.5) !important; }
.cgptSettingsDivider { background: var(--topBorder) !important; }
.cgptSettingsClose:hover { background: var(--topPanelHover) !important; }
.cgptSelectMenu, .cgptSelectOption { background: var(--topDarkCard2) !important; color: rgb(255, 255, 255) !important; }
.cgptSelectMenu { border: 1px solid var(--topBorder) !important; box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 60px !important; }
.cgptSelectOption:hover { background: var(--topPanelHover) !important; }
.cgptSelectOption.isSelected { background: var(--topPanelSelected) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsScrollNav::-webkit-scrollbar-thumb, .cgptSettingsPage::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2) !important; border-color: var(--topPanel) !important; }
:root { --mwrpFlatBase: #111111; --mwrpFlatRaised: #151515; --mwrpFlatHover: #1f1f1f; --mwrpFlatSelected: #242424; --mwrpFlatLine: #262626; }
.cgptSettingsModal { background: var(--mwrpFlatBase) !important; border: 1px solid var(--mwrpFlatLine) !important; box-shadow: rgba(0, 0, 0, 0.7) 0px 28px 100px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset !important; }
.cgptSettingsNav, .cgptSettingsPanel, .cgptSettingsPages, .cgptSettingsPage, .cgptSettingsTop, .cgptSettingsFooter { background: var(--mwrpFlatBase) !important; }
.cgptSettingsNav { border-right: 1px solid var(--mwrpFlatLine) !important; }
.cgptSettingsTop, .cgptSettingsFooter { border-color: var(--mwrpFlatLine) !important; }
.cgptSettingsGroup { background: var(--mwrpFlatRaised) !important; border: 1px solid var(--mwrpFlatLine) !important; }
.cgptSettingsRow, .cgptSettingsField { border-bottom: 1px solid var(--mwrpFlatLine) !important; }
.cgptSettingsSearchBox, .cgptSelect, .cgptSelectMenu, .cgptSelectOption, .cgptSettingsField input, .cgptEditButton { background: var(--mwrpFlatRaised) !important; border-color: var(--mwrpFlatLine) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsSearchBox:focus-within, .cgptSelect:hover, .cgptSelect.isOpen, .cgptSettingsField input:focus, .cgptEditButton:hover { background: var(--mwrpFlatRaised) !important; border-color: rgba(255, 255, 255, 0.22) !important; box-shadow: rgba(255, 255, 255, 0.043) 0px 0px 0px 2px !important; }
.cgptSelectMenu { border: 1px solid var(--mwrpFlatLine) !important; box-shadow: rgba(0, 0, 0, 0.52) 0px 18px 60px !important; }
.cgptSelectOption:hover { background: var(--mwrpFlatHover) !important; }
.cgptSelectOption.isSelected { background: var(--mwrpFlatSelected) !important; }
.cgptSettingsTab:hover, .cgptSettingsClose:hover { background: var(--mwrpFlatHover) !important; }
.cgptSettingsTab.isActive { background: var(--mwrpFlatSelected) !important; color: rgb(255, 255, 255) !important; }
.cgptSettingsDivider { background: var(--mwrpFlatLine) !important; }
.cgptSettingsScrollNav.isSearching .cgptSettingsCategory.cgptSearchGroupHidden, .cgptSettingsScrollNav.isSearching .cgptSettingsDivider.cgptSearchGroupHidden { display: none !important; }
.cgptSettingsTab.cgptSearchHidden { display: none !important; }
.cgptSearchNoResults { display: none; margin: 7px 6px 0px; padding: 2px 3px; border: 0px; border-radius: 0px; background: transparent; color: rgba(255, 255, 255, 0.58); font-size: 12px; font-weight: 500; line-height: 1.35; }
.cgptSearchNoResults.isShown { display: block; }
.cgptSettingsSearchBox input::-webkit-search-cancel-button { display: none; }
.cgptMobileCategoryWrap { display: none; }
@media (max-width: 760px) {
.cgptSettingsModal { width: min(96vw, 820px) !important; height: min(92vh, 760px) !important; grid-template-columns: 1fr !important; }
.cgptSettingsNav { display: none !important; }
.cgptSettingsPanel { min-width: 0px !important; }
.cgptSettingsTop { height: 48px !important; padding: 0px 12px 0px 16px !important; }
.cgptSettingsTop h2 { font-size: 15px !important; font-weight: 520 !important; }
.cgptMobileCategoryWrap { position: relative; padding: 9px 14px 10px; z-index: 20; display: block !important; background: var(--mwrpFlatBase, #111111) !important; border-bottom: 1px solid var(--mwrpFlatLine, #262626) !important; }
.cgptMobileCategoryButton { width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0px 11px; border: 1px solid var(--mwrpFlatLine, #262626); border-radius: 9px; background: var(--mwrpFlatRaised, #151515); color: rgb(255, 255, 255); font-size: 13px; font-weight: 500; text-align: left; cursor: pointer; outline: none; transition: background 0.14s, border-color 0.14s, box-shadow 0.14s; }
.cgptMobileCategoryButton:hover, .cgptMobileCategoryButton[aria-expanded="true"] { background: var(--mwrpFlatHover, #1f1f1f); border-color: rgba(255, 255, 255, 0.18); }
.cgptMobileCategoryButton svg { width: 18px; height: 18px; flex: 0 0 auto; fill: currentcolor; opacity: 0.78; transition: transform 0.14s; }
.cgptMobileCategoryButton[aria-expanded="true"] svg { transform: rotate(180deg); }
.cgptMobileCategoryMenu { position: absolute; left: 14px; right: 14px; top: calc(100% - 3px); z-index: 35; padding: 6px; border: 1px solid var(--mwrpFlatLine, #262626); border-radius: 11px; background: var(--mwrpFlatRaised, #151515); box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 55px; max-height: min(340px, 52vh); overflow: auto; }
.cgptMobileCategoryMenu[hidden] { display: none !important; }
.cgptMobileCategoryMenu button { width: 100%; height: 32px; display: flex; align-items: center; padding: 0px 10px; border: 0px; border-radius: 8px; background: transparent; color: rgb(255, 255, 255); font-size: 12.5px; font-weight: 480; text-align: left; cursor: pointer; outline: none; }
.cgptMobileCategoryMenu button:hover, .cgptMobileCategoryMenu button.isActive { background: var(--mwrpFlatHover, #1f1f1f); }
.cgptMobileCategoryDivider { height: 1px; margin: 5px 2px; background: var(--mwrpFlatLine, #262626); }
.cgptSettingsPages { min-height: 0px !important; }
}
.cgptProfileCard { position: relative; overflow: hidden; margin: 0px 0px 22px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; background: rgb(21, 21, 21); }
.cgptProfileBanner { height: 74px; background: linear-gradient(135deg, rgba(255, 170, 0, 0.22), rgba(255, 255, 255, 0.04)), radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08), transparent 34%), rgb(16, 16, 16); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.cgptProfileCardInner { min-height: 96px; display: flex; align-items: flex-end; gap: 16px; padding: 0px 18px 18px; }
.cgptProfileAvatarWrap { position: relative; width: 92px; height: 92px; flex: 0 0 auto; margin-top: -42px; border-radius: 999px; border: 5px solid rgb(21, 21, 21); background: rgb(21, 21, 21); overflow: hidden; isolation: isolate; }
.cgptProfileAvatar { width: 100%; height: 100%; display: block; border-radius: 999px; object-fit: cover; }
.cgptProfileAvatarWrap::after { content: ""; position: absolute; inset: 0px; border-radius: 999px; background: rgba(0, 0, 0, 0.48); opacity: 0; transition: opacity 0.16s; pointer-events: none; z-index: 1; }
.cgptProfileAvatarEdit { position: absolute; inset: 0px; z-index: 2; display: flex; align-items: center; justify-content: center; border: 0px; background: transparent; color: rgb(255, 255, 255); cursor: pointer; opacity: 0; transform: scale(0.92); transition: opacity 0.16s, transform 0.16s; }
.cgptProfileAvatarEdit svg { width: 28px; height: 28px; fill: currentcolor; filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 2px 8px); }
.cgptProfileAvatarWrap:hover::after, .cgptProfileAvatarWrap:focus-within::after { opacity: 1; }
.cgptProfileAvatarWrap:hover .cgptProfileAvatarEdit, .cgptProfileAvatarWrap:focus-within .cgptProfileAvatarEdit { opacity: 1; transform: scale(1); }
.cgptProfileAvatarInput { display: none !important; }
.cgptProfileIdentity { min-width: 0px; padding-bottom: 7px; display: flex; flex-direction: column; gap: 3px; }
.cgptProfileIdentity strong { color: rgb(255, 255, 255); font-size: 28px; line-height: 1.05; font-weight: 750; letter-spacing: -0.025em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cgptProfileIdentity span { color: rgb(255, 255, 255); font-size: 14px; line-height: 1.25; font-weight: 650; opacity: 0.82; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cgptSettingsSubheading { margin: 26px 0px 10px; color: rgb(255, 255, 255); font-size: 15px; line-height: 1.25; font-weight: 650; letter-spacing: -0.01em; }
.cgptAccountInfoGroup, .cgptAccountOptionsGroup { overflow: hidden; }
.cgptAccountInfoRow { min-height: 62px; }
.cgptAccountInfoRow .cgptSettingsValueLine { min-width: min(390px, 48%); }
.cgptDangerRow strong { color: rgb(255, 154, 154); }
.cgptDangerRow p { color: rgba(255, 255, 255, 0.62); }
.cgptDeleteAccountButton { height: 34px; min-width: 74px; padding: 0px 14px; border: 1px solid rgba(255, 110, 110, 0.34); border-radius: 8px; background: rgba(255, 110, 110, 0.1); color: rgb(255, 154, 154); font-size: 13px; font-weight: 650; cursor: pointer; transition: background 0.14s, border-color 0.14s, color 0.14s; }
.cgptDeleteAccountButton:hover { background: rgba(255, 110, 110, 0.16); border-color: rgba(255, 110, 110, 0.52); color: rgb(255, 182, 182); }
@media (max-width: 900px) {
.cgptProfileCardInner { align-items: center; padding: 0px 14px 14px; }
.cgptProfileAvatarWrap { width: 72px; height: 72px; margin-top: -28px; border-width: 4px; }
.cgptProfileAvatarEdit svg { width: 24px; height: 24px; }
.cgptProfileIdentity strong { font-size: 22px; }
.cgptAccountInfoRow .cgptSettingsValueLine { width: 100%; min-width: 0px; }
}
.cgptSettingsSubheading { margin: 24px 0px 12px !important; color: rgb(255, 255, 255) !important; font-size: 20px !important; line-height: 1.2 !important; font-weight: 650 !important; letter-spacing: 0px !important; }
.cgptAccountOptionsGroup .cgptSettingsRow { min-height: 58px !important; }
.cgptDangerRow strong { color: rgb(255, 255, 255) !important; }
.cgptDangerRow p { display: none !important; }
.cgptDeleteAccountButton { width: 64px !important; min-width: 64px !important; max-width: 64px !important; height: 30px !important; padding: 0px !important; border: 0px !important; border-radius: 7px !important; background: none rgb(220, 38, 38) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 650 !important; cursor: pointer !important; box-shadow: none !important; opacity: 1 !important; transition: background 0.14s, transform 0.14s !important; }
.cgptDeleteAccountButton:hover { background: rgb(185, 28, 28) !important; color: rgb(255, 255, 255) !important; border: 0px !important; transform: none !important; }
.cgptProfileBanner { display: none !important; }
.cgptProfileCard { overflow: visible !important; background: rgb(21, 21, 21) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: none !important; }
.cgptProfileCardInner { min-height: 116px !important; align-items: center !important; padding: 18px !important; }
.cgptProfileAvatarWrap { margin-top: 0px !important; border: 4px solid rgb(21, 21, 21) !important; }
.cgptProfileIdentity { padding-bottom: 0px !important; justify-content: center !important; }
.cgptProfileIdentity span, #cgptAccountCardHandle { display: none !important; }
.cgptAccountOptionsGroup { padding: 0px !important; }
.cgptAccountOptionsGroup .cgptSettingsRow.cgptDangerRow { min-height: 58px !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: center !important; gap: 16px !important; padding: 12px 16px !important; background: transparent !important; }
.cgptDangerRow strong { color: rgb(255, 255, 255) !important; font-weight: 600 !important; }
.cgptDeleteAccountButton { justify-self: end !important; width: auto !important; min-width: 78px !important; max-width: none !important; height: 32px !important; padding: 0px 14px !important; border: 1px solid rgb(255, 95, 95) !important; border-radius: 8px !important; background: none rgb(220, 38, 38) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; cursor: pointer !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 0px 1px inset !important; opacity: 1 !important; transition: background 0.14s, border-color 0.14s, box-shadow 0.14s !important; }
.cgptDeleteAccountButton:hover, .cgptDeleteAccountButton:focus-visible { background: rgb(185, 28, 28) !important; border-color: rgb(255, 125, 125) !important; color: rgb(255, 255, 255) !important; transform: none !important; box-shadow: rgba(255, 95, 95, 0.16) 0px 0px 0px 2px !important; }
.cgptProfileCard { margin: 0px 0px 18px !important; border-radius: 12px !important; }
.cgptProfileCardInner { min-height: 78px !important; padding: 12px 14px !important; gap: 12px !important; }
.cgptProfileAvatarWrap { width: 64px !important; height: 64px !important; border-width: 3px !important; }
.cgptProfileAvatarEdit svg { width: 22px !important; height: 22px !important; }
.cgptProfileIdentity strong { font-size: 20px !important; line-height: 1.1 !important; font-weight: 650 !important; letter-spacing: 0px !important; }
.cgptSettingsSubheading { margin: 20px 0px 10px !important; font-size: 18px !important; font-weight: 650 !important; }
.cgptAccountInfoRow { min-height: 54px !important; }
.cgptAccountOptionsGroup .cgptSettingsRow.cgptDangerRow { min-height: 52px !important; padding: 10px 14px !important; }
@media (max-width: 900px) {
.cgptProfileCardInner { min-height: 72px !important; padding: 10px 12px !important; }
.cgptProfileAvatarWrap { width: 56px !important; height: 56px !important; border-width: 3px !important; }
.cgptProfileIdentity strong { font-size: 18px !important; }
}
:root { --mwrpFlatBase: rgb(20,20,20) !important; --mwrpFlatRaised: rgb(24,24,24) !important; --mwrpFlatHover: rgb(31,31,31) !important; --mwrpFlatSelected: rgb(36,36,36) !important; --mwrpFlatLine: rgba(255,255,255,.12) !important; }
.cgptSettingsNav { background: var(--mwrpFlatBase) !important; }
.cgptSelect, .cgptEditButton, .cgptMobileCategoryButton, .cgptSettingsField input, .cgptSettingsSearchBox { background: var(--mwrpFlatBase) !important; border-color: var(--mwrpFlatLine) !important; color: rgb(255, 255, 255) !important; }
.cgptSelect:hover, .cgptSelect.isOpen, .cgptEditButton:hover, .cgptEditButton:focus-visible, .cgptMobileCategoryButton:hover, .cgptMobileCategoryButton[aria-expanded="true"], .cgptSettingsField input:focus, .cgptSettingsSearchBox:focus-within { background: var(--mwrpFlatHover) !important; border-color: rgba(255, 255, 255, 0.2) !important; box-shadow: rgba(255, 255, 255, 0.04) 0px 0px 0px 2px !important; }
.cgptSelectMenu, .cgptSelectOption, .cgptMobileCategoryMenu { background: var(--mwrpFlatBase) !important; border-color: var(--mwrpFlatLine) !important; color: rgb(255, 255, 255) !important; }
.cgptSelectOption:hover, .cgptMobileCategoryMenu button:hover, .cgptMobileCategoryMenu button.isActive { background: var(--mwrpFlatHover) !important; }
.cgptSelectOption.isSelected { background: var(--mwrpFlatSelected) !important; }
.cgptSettingsTab:hover { background: var(--mwrpFlatHover) !important; }
.cgptSettingsTab.isActive { background: var(--mwrpFlatSelected) !important; }
.cgptAccountConfirmOverlay { position: fixed; inset: 0px; z-index: 10000020; display: flex; align-items: center; justify-content: center; padding: 18px; background: rgba(0, 0, 0, 0.42); backdrop-filter: blur(6px); opacity: 0; pointer-events: none; transition: opacity 0.16s; }
.cgptAccountConfirmOverlay[hidden] { display: none !important; }
.cgptAccountConfirmOverlay.isOpen { opacity: 1; pointer-events: auto; }
.cgptAccountConfirmBox { width: min(440px, -32px + 100vw); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; background: rgb(24, 24, 24); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.64) 0px 22px 80px; padding: 18px; transform: scale(0.96) translateY(10px); opacity: 0; transition: transform 0.18s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.16s; }
.cgptAccountConfirmOverlay.isOpen .cgptAccountConfirmBox { transform: scale(1) translateY(0px); opacity: 1; }
.cgptAccountConfirmClose { position: absolute; right: 12px; top: 12px; width: 30px; height: 30px; border: 0px; border-radius: 9px; background: transparent; color: rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.cgptAccountConfirmClose:hover, .cgptAccountConfirmClose:focus-visible { background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255); outline: none; }
.cgptAccountConfirmClose svg { width: 17px; height: 17px; fill: currentcolor; }
.cgptAccountConfirmHeader { padding-right: 34px; margin-bottom: 16px; }
.cgptAccountConfirmHeader h3 { margin: 0px 0px 5px; color: rgb(255, 255, 255); font-size: 18px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.cgptAccountConfirmHeader p { margin: 0px; color: rgba(255, 255, 255, 0.64); font-size: 13px; line-height: 1.45; font-weight: 500; }
.cgptAccountConfirmForm { width: 100%; display: block; margin: 0px; padding: 0px; }
.cgptAccountConfirmFields { display: flex; flex-direction: column; gap: 12px; }
.cgptAccountConfirmField { display: flex; flex-direction: column; gap: 6px; }
.cgptAccountConfirmField label { color: rgb(255, 255, 255); font-size: 12px; font-weight: 650; }
.cgptAccountConfirmField input { width: 100%; height: 40px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 10px; background: rgb(36, 36, 36); color: rgb(255, 255, 255); padding: 0px 11px; outline: none; font-size: 13px; font-weight: 500; }
.cgptAccountConfirmField input::placeholder { color: rgba(255, 255, 255, 0.36); }
.cgptAccountConfirmField input:focus { border-color: rgba(255, 255, 255, 0.24); box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 3px; }
.cgptAccountConfirmError { margin-top: 12px; color: rgb(255, 154, 154); font-size: 12px; line-height: 1.4; font-weight: 650; }
.cgptAccountConfirmActions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.cgptAccountConfirmCancel, .cgptAccountConfirmPrimary { height: 34px; border-radius: 10px; padding: 0px 14px; font-size: 13px; font-weight: 650; cursor: pointer; transition: background 0.14s, border-color 0.14s, color 0.14s; }
.cgptAccountConfirmCancel { border: 1px solid rgba(255, 255, 255, 0.1); background: rgb(36, 36, 36); color: rgb(255, 255, 255); }
.cgptAccountConfirmCancel:hover, .cgptAccountConfirmCancel:focus-visible { background: rgb(44, 44, 44); border-color: rgba(255, 255, 255, 0.16); outline: none; }
.cgptAccountConfirmPrimary { border: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255); color: rgb(36, 36, 36); }
.cgptAccountConfirmPrimary:hover, .cgptAccountConfirmPrimary:focus-visible { background: rgba(255, 255, 255, 0.88); outline: none; }
.cgptAccountConfirmOverlay { transition: opacity 0.18s, backdrop-filter 0.22s, -webkit-backdrop-filter 0.22s !important; }
.cgptAccountConfirmOverlay.isClosing { opacity: 0 !important; pointer-events: none !important; }
.cgptAccountConfirmBox { will-change: transform, opacity; transform: translateY(18px) scale(0.94) !important; opacity: 0 !important; transition: transform 0.24s cubic-bezier(0.18, 0.92, 0.24, 1), opacity 0.18s !important; }
.cgptAccountConfirmOverlay.isOpen .cgptAccountConfirmBox { transform: translateY(0px) scale(1) !important; opacity: 1 !important; }
.cgptAccountConfirmOverlay.isClosing .cgptAccountConfirmBox { transform: translateY(12px) scale(0.97) !important; opacity: 0 !important; }
.cgptAccountConfirmField input, .cgptAccountConfirmField input:hover, .cgptAccountConfirmField input:focus, .cgptAccountConfirmField input:focus-visible { background: rgb(36, 36, 36) !important; border-color: rgba(255, 255, 255, 0.12) !important; box-shadow: none !important; outline: none !important; transform: none !important; }
.cgptAccountConfirmField input:focus, .cgptAccountConfirmField input:focus-visible { border-color: rgba(255, 255, 255, 0.18) !important; }
.cgptAccountConfirmCancel:active, .cgptAccountConfirmPrimary:active, .cgptAccountConfirmClose:active { transform: none !important; }
#cgptSettingsSearchInput::-webkit-search-cancel-button, #cgptSettingsSearchInput::-webkit-search-decoration { appearance: none; }
.cgptAccountConfirmOverlay { background: rgba(0, 0, 0, 0.58) !important; backdrop-filter: blur(8px) !important; transition: opacity 0.18s, backdrop-filter 0.22s, -webkit-backdrop-filter 0.22s !important; }
.cgptAccountConfirmBox { width: min(450px, -32px + 100vw) !important; border-radius: 22px !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; background: linear-gradient(rgb(26, 26, 26), rgb(18, 18, 18)) !important; box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 60px !important; padding: 26px 22px 24px !important; color: rgb(255, 255, 255) !important; transform: translateY(22px) scale(0.955) !important; opacity: 0 !important; transition: transform 0.24s cubic-bezier(0.18, 0.92, 0.24, 1), opacity 0.18s !important; }
.cgptAccountConfirmOverlay.isOpen .cgptAccountConfirmBox { transform: translateY(0px) scale(1) !important; opacity: 1 !important; }
.cgptAccountConfirmOverlay.isClosing .cgptAccountConfirmBox { transform: translateY(14px) scale(0.975) !important; opacity: 0 !important; }
.cgptAccountConfirmClose { top: 12px !important; right: 12px !important; width: 30px !important; height: 30px !important; border-radius: 8px !important; background: transparent !important; color: rgba(255, 255, 255, 0.7) !important; }
.cgptAccountConfirmClose:hover, .cgptAccountConfirmClose:focus-visible { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.06) !important; box-shadow: none !important; outline: none !important; }
.cgptAccountConfirmHeader { padding-right: 36px !important; margin-bottom: 18px !important; }
.cgptAccountConfirmHeader h3 { margin: 0px 0px 3px !important; color: rgb(255, 255, 255) !important; font-size: 24px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: 0px !important; }
.cgptAccountConfirmHeader p { margin: 0px !important; color: rgba(255, 255, 255, 0.6) !important; font-size: 12px !important; line-height: 1.45 !important; font-weight: 600 !important; }
.cgptAccountConfirmFields { gap: 12px !important; }
.cgptAccountConfirmField { gap: 5px !important; }
.cgptAccountConfirmField label { color: rgb(255, 255, 255) !important; font-size: 11px !important; font-weight: 800 !important; }
.cgptAccountConfirmField input, .cgptAccountConfirmField input:hover, .cgptAccountConfirmField input:focus, .cgptAccountConfirmField input:focus-visible { width: 100% !important; height: 42px !important; padding: 0px 12px !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: rgb(14, 14, 14) !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 650 !important; outline: none !important; box-shadow: none !important; transform: none !important; }
.cgptAccountConfirmField input::placeholder { color: rgba(255, 255, 255, 0.35) !important; }
.cgptAccountConfirmField input:focus, .cgptAccountConfirmField input:focus-visible { border-color: rgba(255, 255, 255, 0.25) !important; background: rgb(14, 14, 14) !important; }
.cgptAccountConfirmError { margin-top: 10px !important; color: rgb(255, 107, 107) !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 750 !important; }
.cgptAccountConfirmActions { margin-top: 16px !important; display: flex !important; flex-direction: column-reverse !important; gap: 11px !important; }
.cgptAccountConfirmPrimary, .cgptAccountConfirmCancel { width: 100% !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 13px !important; letter-spacing: 0.005em !important; transform: none !important; }
.cgptAccountConfirmPrimary { height: 44px !important; border: 1px solid rgb(255, 255, 255) !important; background: rgb(255, 255, 255) !important; color: rgb(36, 36, 36) !important; font-weight: 900 !important; transition: filter 0.16s, background 0.16s !important; }
.cgptAccountConfirmPrimary:hover, .cgptAccountConfirmPrimary:focus-visible { background: rgb(255, 255, 255) !important; filter: brightness(0.96) !important; outline: none !important; }
.cgptAccountConfirmCancel { height: 40px !important; border: 0px !important; background: transparent !important; color: rgba(255, 255, 255, 0.85) !important; font-weight: 850 !important; transition: background 0.18s, color 0.18s !important; }
.cgptAccountConfirmCancel:hover, .cgptAccountConfirmCancel:focus-visible { background: rgba(255, 255, 255, 0.06) !important; color: rgb(255, 255, 255) !important; outline: none !important; }
.cgptAccountConfirmPrimary:active, .cgptAccountConfirmCancel:active, .cgptAccountConfirmClose:active { transform: none !important; }
@media (max-width: 480px) {
.cgptAccountConfirmBox { width: calc(-24px + 100vw) !important; border-radius: 16px !important; padding: 22px 18px 20px !important; }
.cgptAccountConfirmHeader h3 { font-size: 22px !important; }
}
.cgptAccountConfirmOverlay { opacity: 0; background: rgba(0, 0, 0, 0.58) !important; backdrop-filter: blur(5px) !important; transition: opacity 0.16s !important; }
.cgptAccountConfirmOverlay.isOpen { opacity: 1 !important; }
.cgptAccountConfirmBox { width: min(530px, -34px + 100vw) !important; border-radius: 12px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: rgb(23, 24, 28) !important; box-shadow: rgba(0, 0, 0, 0.62) 0px 18px 70px !important; padding: 26px !important; color: rgb(255, 255, 255) !important; transform: translateY(16px) scale(0.965) !important; opacity: 0 !important; transition: transform 0.2s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.16s !important; }
.cgptAccountConfirmOverlay.isOpen .cgptAccountConfirmBox { transform: translateY(0px) scale(1) !important; opacity: 1 !important; }
.cgptAccountConfirmOverlay.isClosing .cgptAccountConfirmBox { transform: translateY(10px) scale(0.985) !important; opacity: 0 !important; }
.cgptAccountConfirmClose { position: absolute !important; top: 17px !important; right: 17px !important; width: 28px !important; height: 28px !important; border: 0px !important; border-radius: 8px !important; background: transparent !important; color: rgba(255, 255, 255, 0.72) !important; display: grid !important; place-items: center !important; padding: 0px !important; cursor: pointer !important; transition: background 0.14s, color 0.14s !important; }
.cgptAccountConfirmClose:hover, .cgptAccountConfirmClose:focus-visible { background: rgba(255, 255, 255, 0.07) !important; color: rgb(255, 255, 255) !important; outline: none !important; }
.cgptAccountConfirmClose svg { width: 22px !important; height: 22px !important; fill: currentcolor !important; }
.cgptAccountConfirmHeader { padding-right: 42px !important; margin: 0px 0px 26px !important; }
.cgptAccountConfirmHeader h3 { margin: 0px 0px 10px !important; color: rgb(255, 255, 255) !important; font-size: 21px !important; line-height: 1.15 !important; font-weight: 780 !important; letter-spacing: -0.01em !important; }
.cgptAccountConfirmHeader p { margin: 0px !important; color: rgba(255, 255, 255, 0.66) !important; font-size: 16px !important; line-height: 1.38 !important; font-weight: 500 !important; }
.cgptAccountConfirmFields { display: flex !important; flex-direction: column !important; gap: 23px !important; }
.cgptAccountConfirmField { display: grid !important; gap: 10px !important; }
.cgptAccountConfirmField label { color: rgba(255, 255, 255, 0.86) !important; font-size: 16px !important; font-weight: 650 !important; line-height: 1.15 !important; }
.cgptConfirmRequired { color: rgb(255, 125, 125) !important; font-weight: 700 !important; }
.cgptAccountConfirmField input, .cgptAccountConfirmField input:hover, .cgptAccountConfirmField input:focus, .cgptAccountConfirmField input:focus-visible { width: 100% !important; height: 44px !important; padding: 0px 13px !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; background: rgb(17, 18, 21) !important; color: rgb(255, 255, 255) !important; font-size: 14px !important; font-weight: 500 !important; outline: none !important; box-shadow: none !important; transform: none !important; transition: border-color 0.14s, background 0.14s !important; }
.cgptAccountConfirmField input:focus, .cgptAccountConfirmField input:focus-visible { border-color: rgba(255, 255, 255, 0.28) !important; background: rgb(17, 18, 21) !important; }
.cgptAccountConfirmField input::placeholder { color: rgba(255, 255, 255, 0.28) !important; }
.cgptAccountConfirmError { margin: 14px 0px 0px !important; min-height: 14px !important; color: rgb(255, 125, 125) !important; font-size: 12px !important; line-height: 1.35 !important; font-weight: 650 !important; }
.cgptAccountConfirmError[hidden] { display: none !important; }
.cgptAccountConfirmActions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-top: 28px !important; }
.cgptAccountConfirmCancel, .cgptAccountConfirmPrimary { width: 100% !important; height: 44px !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; font-size: 14px !important; font-weight: 650 !important; letter-spacing: 0px !important; outline: none !important; transform: none !important; transition: background 0.14s, border-color 0.14s, filter 0.14s !important; }
.cgptAccountConfirmCancel { border: 1px solid rgba(255, 255, 255, 0.1) !important; background: rgb(36, 37, 40) !important; color: rgba(255, 255, 255, 0.86) !important; }
.cgptAccountConfirmCancel:hover, .cgptAccountConfirmCancel:focus-visible { background: rgb(43, 44, 48) !important; border-color: rgba(255, 255, 255, 0.14) !important; color: rgb(255, 255, 255) !important; }
.cgptAccountConfirmPrimary { border: 1px solid rgb(88, 101, 242) !important; background: rgb(88, 101, 242) !important; color: rgb(255, 255, 255) !important; }
.cgptAccountConfirmPrimary:hover, .cgptAccountConfirmPrimary:focus-visible { background: rgb(100, 112, 255) !important; border-color: rgb(100, 112, 255) !important; color: rgb(255, 255, 255) !important; }
.cgptAccountConfirmPrimary:active, .cgptAccountConfirmCancel:active, .cgptAccountConfirmClose:active { transform: none !important; filter: none !important; }
#cgptSettingsSearchInput { -webkit-text-security: none !important; }
@media (max-width: 560px) {
.cgptAccountConfirmBox { width: calc(-24px + 100vw) !important; padding: 22px 18px 20px !important; border-radius: 12px !important; }
.cgptAccountConfirmHeader h3 { font-size: 20px !important; }
.cgptAccountConfirmHeader p { font-size: 14px !important; }
.cgptAccountConfirmField label { font-size: 14px !important; }
.cgptAccountConfirmActions { grid-template-columns: 1fr !important; gap: 10px !important; }
}
.cgptAccountConfirmOverlay { background: rgba(0, 0, 0, 0.54) !important; backdrop-filter: blur(6px) !important; opacity: 0 !important; transition: opacity 0.14s !important; }
.cgptAccountConfirmOverlay.isOpen { opacity: 1 !important; }
.cgptAccountConfirmBox { width: min(430px, -32px + 100vw) !important; border-radius: 14px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; background: rgb(20, 20, 20) !important; box-shadow: rgba(0, 0, 0, 0.58) 0px 20px 70px !important; padding: 20px !important; color: rgb(255, 255, 255) !important; transform: translateY(12px) scale(0.975) !important; opacity: 0 !important; transition: transform 0.18s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.14s !important; }
.cgptAccountConfirmOverlay.isOpen .cgptAccountConfirmBox { transform: translateY(0px) scale(1) !important; opacity: 1 !important; }
.cgptAccountConfirmOverlay.isClosing .cgptAccountConfirmBox { transform: translateY(8px) scale(0.985) !important; opacity: 0 !important; }
.cgptAccountConfirmClose { top: 14px !important; right: 14px !important; width: 26px !important; height: 26px !important; border-radius: 7px !important; background: transparent !important; color: rgba(255, 255, 255, 0.64) !important; }
.cgptAccountConfirmClose:hover, .cgptAccountConfirmClose:focus-visible { background: rgba(255, 255, 255, 0.06) !important; color: rgb(255, 255, 255) !important; }
.cgptAccountConfirmClose svg { width: 20px !important; height: 20px !important; }
.cgptAccountConfirmHeader { margin: 0px 34px 18px 0px !important; padding: 0px !important; }
.cgptAccountConfirmHeader h3 { margin: 0px 0px 7px !important; color: rgb(255, 255, 255) !important; font-size: 18px !important; line-height: 1.16 !important; font-weight: 760 !important; letter-spacing: -0.01em !important; }
.cgptAccountConfirmHeader p { margin: 0px !important; color: rgba(255, 255, 255, 0.58) !important; font-size: 13px !important; line-height: 1.36 !important; font-weight: 520 !important; }
.cgptAccountConfirmFields { display: flex !important; flex-direction: column !important; gap: 14px !important; }
.cgptAccountConfirmField { display: grid !important; gap: 7px !important; }
.cgptAccountConfirmField label { color: rgb(255, 255, 255) !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 720 !important; }
.cgptConfirmRequired { color: rgb(255, 143, 143) !important; }
.cgptAccountConfirmField input, .cgptAccountConfirmField input:hover, .cgptAccountConfirmField input:focus, .cgptAccountConfirmField input:focus-visible { height: 38px !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; background: rgb(14, 14, 14) !important; color: rgb(255, 255, 255) !important; padding: 0px 11px !important; font-size: 13px !important; font-weight: 520 !important; outline: none !important; box-shadow: none !important; transform: none !important; }
.cgptAccountConfirmField input:focus, .cgptAccountConfirmField input:focus-visible { border-color: rgba(255, 255, 255, 0.24) !important; background: rgb(16, 16, 16) !important; }
.cgptAccountConfirmField input::placeholder { color: rgba(255, 255, 255, 0.34) !important; }
.cgptAccountConfirmError { margin: 10px 0px 0px !important; min-height: 13px !important; color: rgb(255, 125, 125) !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 650 !important; }
.cgptAccountConfirmActions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 9px !important; margin-top: 18px !important; }
.cgptAccountConfirmCancel, .cgptAccountConfirmPrimary { height: 38px !important; border-radius: 8px !important; font-size: 12px !important; font-weight: 780 !important; letter-spacing: 0.002em !important; transform: none !important; transition: background 0.14s, border-color 0.14s, color 0.14s, filter 0.14s !important; }
.cgptAccountConfirmCancel { border: 1px solid rgba(255, 255, 255, 0.12) !important; background: rgb(36, 36, 36) !important; color: rgb(255, 255, 255) !important; }
.cgptAccountConfirmCancel:hover, .cgptAccountConfirmCancel:focus-visible { background: rgb(43, 43, 43) !important; border-color: rgba(255, 255, 255, 0.17) !important; color: rgb(255, 255, 255) !important; }
.cgptAccountConfirmPrimary { border: 1px solid rgb(255, 255, 255) !important; background: rgb(255, 255, 255) !important; color: rgb(36, 36, 36) !important; }
.cgptAccountConfirmPrimary:hover, .cgptAccountConfirmPrimary:focus-visible { background: rgb(241, 241, 241) !important; border-color: rgb(241, 241, 241) !important; color: rgb(36, 36, 36) !important; }
.cgptAccountConfirmPrimary:active, .cgptAccountConfirmCancel:active, .cgptAccountConfirmClose:active { transform: none !important; filter: none !important; }
@media (max-width: 560px) {
.cgptAccountConfirmBox { width: calc(-24px + 100vw) !important; padding: 18px !important; border-radius: 12px !important; }
.cgptAccountConfirmActions { grid-template-columns: 1fr !important; gap: 9px !important; }
}
.cgptAccountConfirmCancel, .cgptAccountConfirmPrimary { font-family: Montserrat, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0px !important; line-height: 1 !important; text-transform: none !important; -webkit-font-smoothing: antialiased !important; text-rendering: geometricprecision !important; }
.cgptAccountConfirmPrimary { font-weight: 760 !important; }
.cgptAccountConfirmCancel { font-weight: 680 !important; }
.cgptSettingsPage[data-cgpt-page="privacy"], .cgptSettingsPage[data-cgpt-page="connections"], .cgptSettingsPage[data-cgpt-page="notifications"], .cgptSettingsPage[data-cgpt-page="appearance"], .cgptSettingsPage[data-cgpt-page="accessibility"], .cgptSettingsPage[data-cgpt-page="system"], .cgptSettingsPage[data-cgpt-page="languageTime"], .cgptSettingsPage[data-cgpt-page="general"] { min-height: 240px; }
.cgptSettingsClose { width: 34px !important; height: 34px !important; border-radius: 8px !important; }
.cgptSettingsClose svg { width: 20px !important; height: 20px !important; }
.cgptProfileAvatarEdit.isLoading { display: flex; align-items: center; justify-content: center; }
.cgptProfileAvatarEdit.isLoading .cgptButtonLoadingDots { transform: scale(0.72); }
.cgptButtonLoadingDots { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-width: 32px; height: 1em; }
.cgptButtonLoadingDots span { width: 5px; height: 5px; border-radius: 999px; background: currentcolor; opacity: 0.35; animation: 0.78s ease-in-out 0s infinite normal none running cgptButtonDotPulse; }
.cgptButtonLoadingDots span:nth-child(2) { animation-delay: 0.12s; }
.cgptButtonLoadingDots span:nth-child(3) { animation-delay: 0.24s; }
.cgptAccountConfirmPrimary.isLoading, .cgptAccountConfirmCancel.isLoading { pointer-events: none !important; cursor: default !important; }
@keyframes cgptButtonDotPulse { 
  0%, 80%, 100% { opacity: 0.32; transform: translateY(0px); }
  40% { opacity: 1; transform: translateY(-2px); }
}
.cgptPhoneConfirmField { gap: 10px !important; }
.cgptPhoneConfirmLayout { display: grid !important; grid-template-columns: 94px minmax(0px, 1fr) !important; gap: 9px !important; align-items: center !important; }
.cgptPhoneCountryWrap { position: relative !important; min-width: 0px !important; }
.cgptPhoneCountryButton, .cgptPhoneCountryButton:hover, .cgptPhoneCountryButton:focus, .cgptPhoneCountryButton:focus-visible { width: 94px !important; height: 44px !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.16) !important; background: rgb(17, 18, 21) !important; color: rgb(255, 255, 255) !important; padding: 0px 9px !important; outline: none !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; font-family: Montserrat, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; cursor: pointer !important; }
.cgptPhoneCountryButton[aria-expanded="true"], .cgptPhoneCountryButton:focus, .cgptPhoneCountryButton:focus-visible { border-color: rgba(255, 255, 255, 0.28) !important; background: rgb(21, 22, 26) !important; }
.cgptPhoneFlagBox { width: 20px !important; height: 15px !important; border-radius: 3px !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; flex: 0 0 auto !important; }
.cgptPhoneFlagImg { width: 20px !important; height: 15px !important; display: block !important; object-fit: cover !important; }
.cgptPhoneDialText { white-space: nowrap !important; font-variant-numeric: tabular-nums !important; }
.cgptPhoneCountryChevron { width: 8px !important; height: 8px !important; border-right: 1.7px solid rgba(255, 255, 255, 0.68) !important; border-bottom: 1.7px solid rgba(255, 255, 255, 0.68) !important; transform: rotate(45deg) translateY(-1px) !important; flex: 0 0 auto !important; }
.cgptPhoneCountryMenu { position: absolute !important; top: calc(100% + 7px) !important; left: 0px !important; width: 220px !important; max-height: 230px !important; overflow: auto !important; z-index: 999999 !important; padding: 6px !important; border-radius: 10px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; background: rgb(17, 18, 21) !important; box-shadow: rgba(0, 0, 0, 0.45) 0px 18px 50px !important; }
.cgptPhoneCountryOption { width: 100% !important; height: 36px !important; border: 0px !important; border-radius: 8px !important; background: transparent !important; color: rgba(255, 255, 255, 0.92) !important; padding: 0px 9px !important; display: flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; font-family: Montserrat, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif !important; font-size: 12px !important; font-weight: 650 !important; text-align: left !important; }
.cgptPhoneCountryOption:hover, .cgptPhoneCountryOption.isSelected { background: rgba(255, 255, 255, 0.075) !important; }
.cgptPhoneCountryOptionDial { width: 42px !important; flex: 0 0 42px !important; font-variant-numeric: tabular-nums !important; font-weight: 750 !important; }
.cgptPhoneCountryOptionName { min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: rgba(255, 255, 255, 0.72) !important; }
.cgptPhoneConfirmLayout input, .cgptPhoneConfirmLayout input:hover, .cgptPhoneConfirmLayout input:focus, .cgptPhoneConfirmLayout input:focus-visible { min-width: 0px !important; }
.cgptPhoneRemoveButton { width: 100% !important; height: 40px !important; border-radius: 8px !important; border: 1px solid rgba(248, 81, 73, 0.3) !important; background: rgba(248, 81, 73, 0.08) !important; color: rgb(255, 141, 134) !important; margin-top: 10px !important; font-family: Montserrat, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif !important; font-size: 13px !important; font-weight: 750 !important; cursor: pointer !important; }
.cgptPhoneRemoveButton:hover, .cgptPhoneRemoveButton:focus, .cgptPhoneRemoveButton:focus-visible { background: rgba(248, 81, 73, 0.12) !important; border-color: rgba(248, 81, 73, 0.42) !important; outline: none !important; box-shadow: none !important; }
@media (max-width: 560px) {
.cgptPhoneConfirmLayout { grid-template-columns: 1fr !important; }
.cgptPhoneCountryButton { width: 100% !important; justify-content: flex-start !important; }
.cgptPhoneCountryMenu { width: 100% !important; }
}
.cgptAccountConfirmBox.isPhoneReview { width: min(528px, -32px + 100vw) !important; padding: 24px 26px 26px !important; }
.cgptAccountConfirmBox.isPhoneReview .cgptAccountConfirmHeader { margin: 0px 34px 22px 0px !important; }
.cgptAccountConfirmBox.isPhoneReview .cgptAccountConfirmHeader h3 { font-size: 20px !important; font-weight: 780 !important; }
.cgptPhoneReviewCurrent { display: flex !important; align-items: center !important; gap: 18px !important; margin: 0px 0px 22px !important; }
.cgptPhoneReviewIcon { width: 48px !important; height: 48px !important; border-radius: 9px !important; background: rgb(32, 33, 36) !important; color: rgba(255, 255, 255, 0.86) !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; }
.cgptPhoneReviewIcon svg { width: 24px !important; height: 24px !important; fill: none !important; stroke: currentcolor !important; stroke-width: 2.2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
.cgptPhoneReviewCopy { min-width: 0px !important; display: flex !important; flex-direction: column !important; gap: 3px !important; color: rgb(255, 255, 255) !important; }
.cgptPhoneReviewLabel { margin: 0px !important; color: rgba(255, 255, 255, 0.82) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 560 !important; }
.cgptPhoneReviewNumber { margin: 0px !important; color: rgb(255, 255, 255) !important; font-size: 15px !important; line-height: 1.25 !important; font-weight: 620 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.cgptAccountConfirmCancel.isDanger { border-color: rgba(255, 255, 255, 0.12) !important; background: rgb(36, 36, 36) !important; color: rgb(255, 112, 112) !important; }
.cgptAccountConfirmCancel.isDanger:hover, .cgptAccountConfirmCancel.isDanger:focus-visible { background: rgb(41, 41, 41) !important; border-color: rgba(255, 255, 255, 0.17) !important; color: rgb(255, 133, 133) !important; }
.cgptPhoneCountryButton { width: 86px !important; height: 38px !important; border-radius: 8px !important; padding: 0px 7px !important; gap: 6px !important; }
.cgptPhoneFlagBox { width: 18px !important; height: 13px !important; border-radius: 2px !important; }
.cgptPhoneFlagImg { width: 18px !important; height: 13px !important; }
.cgptPhoneDialText { font-size: 12px !important; font-weight: 760 !important; }
.cgptPhoneCountryChevron { width: 7px !important; height: 7px !important; }
.cgptPhoneConfirmLayout { grid-template-columns: 86px minmax(0px, 1fr) !important; }
.cgptPhoneCountryMenu { display: grid !important; gap: 4px !important; opacity: 0 !important; transform: translateY(-4px) scale(0.985) !important; pointer-events: none !important; transition: opacity 0.12s, transform 0.12s !important; backdrop-filter: blur(12px) !important; }
.cgptPhoneCountryMenu[hidden] { display: none !important; }
.cgptPhoneCountryMenu.isOpen { opacity: 1 !important; transform: translateY(0px) scale(1) !important; pointer-events: auto !important; }
.cgptPhoneCountryOption { min-height: 34px !important; transition: background 0.12s, color 0.12s !important; }
@media (max-width: 560px) {
.cgptAccountConfirmBox.isPhoneReview { width: min(430px, -32px + 100vw) !important; padding: 20px !important; }
.cgptPhoneReviewCurrent { gap: 14px !important; }
.cgptPhoneConfirmLayout { grid-template-columns: 1fr !important; }
.cgptPhoneCountryButton { width: 100% !important; justify-content: flex-start !important; }
}
.cgptPhoneConfirmLayout { grid-template-columns: 86px minmax(0px, 1fr) !important; gap: 9px !important; }
.cgptPhoneCountryWrap { position: relative !important; }
.cgptPhoneCountryButton, .cgptPhoneCountryButton:hover, .cgptPhoneCountryButton:focus, .cgptPhoneCountryButton:focus-visible, .cgptPhoneCountryButton[aria-expanded="true"] { width: 86px !important; min-width: 86px !important; height: 38px !important; border-radius: 9px !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; background: var(--mwrpFlatSurface,#191919) !important; color: rgb(255, 255, 255) !important; padding: 0px 8px !important; display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; box-shadow: none !important; outline: none !important; transform: none !important; scale: 1 !important; transition: background 0.12s, border-color 0.12s, color 0.12s !important; }
.cgptPhoneCountryButton:hover, .cgptPhoneCountryButton[aria-expanded="true"] { background: var(--mwrpFlatHover,#202020) !important; border-color: rgba(255, 255, 255, 0.18) !important; }
.cgptPhoneCountryButton * { transform: none !important; }
.cgptPhoneFlagBox { width: 18px !important; height: 13px !important; border-radius: 2px !important; overflow: hidden !important; flex: 0 0 18px !important; }
.cgptPhoneFlagImg { width: 18px !important; height: 13px !important; object-fit: cover !important; }
.cgptPhoneDialText { font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; flex: 0 0 auto !important; }
.cgptPhoneCountryChevron { width: 7px !important; height: 7px !important; flex: 0 0 7px !important; border-right: 1.6px solid rgba(255, 255, 255, 0.7) !important; border-bottom: 1.6px solid rgba(255, 255, 255, 0.7) !important; transform: rotate(45deg) translateY(-1px) !important; transition: none !important; }
.cgptPhoneCountryButton[aria-expanded="true"] .cgptPhoneCountryChevron { transform: rotate(225deg) translate(-1px, -1px) !important; }
.cgptPhoneCountryMenu { position: fixed !important; z-index: 10000000 !important; display: grid !important; gap: 4px !important; padding: 6px !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 12px !important; background: rgba(14, 14, 14, 0.98) !important; box-shadow: rgba(0, 0, 0, 0.7) 0px 22px 70px !important; backdrop-filter: blur(12px) !important; overflow: auto !important; opacity: 0 !important; transform: translateY(-4px) !important; pointer-events: none !important; transition: opacity 0.12s, transform 0.12s !important; }
.cgptPhoneCountryMenu[hidden] { display: none !important; }
.cgptPhoneCountryMenu.isOpen { opacity: 1 !important; transform: translateY(0px) !important; pointer-events: auto !important; }
.cgptPhoneCountryOption, .cgptPhoneCountryOption:hover, .cgptPhoneCountryOption:focus, .cgptPhoneCountryOption:focus-visible, .cgptPhoneCountryOption.isSelected { min-height: 34px !important; width: 100% !important; border-radius: 8px !important; padding: 0px 10px !important; display: flex !important; align-items: center !important; gap: 8px !important; border: 0px !important; box-shadow: none !important; outline: none !important; transform: none !important; scale: 1 !important; transition: background 0.12s, color 0.12s !important; }
.cgptPhoneCountryOption:hover, .cgptPhoneCountryOption:focus-visible { background: var(--mwrpFlatHover,#202020) !important; color: rgb(255, 255, 255) !important; }
.cgptPhoneCountryOption.isSelected { background: var(--mwrpFlatSelected,#242424) !important; color: rgb(255, 255, 255) !important; }
.cgptPhoneCountryOptionName { min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
@media (max-width: 560px) {
.cgptPhoneConfirmLayout { grid-template-columns: 1fr !important; }
.cgptPhoneCountryButton, .cgptPhoneCountryButton:hover, .cgptPhoneCountryButton:focus, .cgptPhoneCountryButton:focus-visible, .cgptPhoneCountryButton[aria-expanded="true"] { width: 100% !important; min-width: 100% !important; justify-content: flex-start !important; }
}
.cgptPhoneConfirmLayout { grid-template-columns: 86px minmax(0px, 1fr) !important; gap: 9px !important; align-items: center !important; }
.cgptPhoneCountryWrap { position: relative !important; min-width: 0px !important; }
.cgptPhoneCountryButton, .cgptPhoneCountryButton:hover, .cgptPhoneCountryButton:focus, .cgptPhoneCountryButton:focus-visible, .cgptPhoneCountryButton[aria-expanded="true"] { width: 86px !important; min-width: 86px !important; height: 38px !important; border-radius: 8px !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; background: rgb(20, 20, 20) !important; color: rgb(255, 255, 255) !important; padding: 0px 8px !important; display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; box-shadow: none !important; outline: none !important; transform: none !important; scale: 1 !important; transition: background 0.12s, border-color 0.12s, color 0.12s !important; }
.cgptPhoneCountryButton:hover, .cgptPhoneCountryButton[aria-expanded="true"] { background: rgb(31, 31, 31) !important; border-color: rgba(255, 255, 255, 0.2) !important; box-shadow: none !important; transform: none !important; }
.cgptPhoneCountryButton * { transform: none !important; scale: 1 !important; }
.cgptPhoneFlagBox { width: 18px !important; height: 13px !important; min-width: 18px !important; border-radius: 2px !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; flex: 0 0 18px !important; }
.cgptPhoneFlagImg { width: 18px !important; height: 13px !important; display: block !important; object-fit: cover !important; }
.cgptPhoneDialText { font-size: 12px !important; font-weight: 780 !important; line-height: 1 !important; white-space: nowrap !important; font-variant-numeric: tabular-nums !important; flex: 0 0 auto !important; }
.cgptPhoneCountryChevron { width: 7px !important; height: 7px !important; flex: 0 0 7px !important; border-right: 1.6px solid rgba(255, 255, 255, 0.7) !important; border-bottom: 1.6px solid rgba(255, 255, 255, 0.7) !important; transform: rotate(45deg) translateY(-1px) !important; transition: none !important; }
.cgptPhoneCountryButton[aria-expanded="true"] .cgptPhoneCountryChevron { transform: rotate(225deg) translate(-1px, -1px) !important; }
.cgptPhoneCountryMenu { position: fixed !important; z-index: 10000000 !important; display: grid !important; gap: 3px !important; padding: 5px !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; border-radius: 8px !important; background: rgb(14, 14, 14) !important; box-shadow: rgba(0, 0, 0, 0.62) 0px 18px 58px !important; backdrop-filter: none !important; overflow: auto !important; opacity: 0 !important; transform: translateY(-4px) !important; pointer-events: none !important; transition: opacity 0.12s, transform 0.12s !important; }
.cgptPhoneCountryMenu[hidden] { display: none !important; }
.cgptPhoneCountryMenu.isOpen { opacity: 1 !important; transform: translateY(0px) !important; pointer-events: auto !important; }
.cgptPhoneCountryOption, .cgptPhoneCountryOption:hover, .cgptPhoneCountryOption:focus, .cgptPhoneCountryOption:focus-visible, .cgptPhoneCountryOption.isSelected { min-height: 31px !important; width: 100% !important; border: 0px !important; border-radius: 6px !important; background: transparent !important; color: rgb(255, 255, 255) !important; padding: 0px 9px !important; display: flex !important; align-items: center !important; gap: 8px !important; box-shadow: none !important; outline: none !important; transform: none !important; scale: 1 !important; transition: background 0.1s, color 0.1s !important; }
.cgptPhoneCountryOption:hover, .cgptPhoneCountryOption:focus-visible { background: rgba(255, 255, 255, 0.06) !important; color: rgb(255, 255, 255) !important; }
.cgptPhoneCountryOption.isSelected { background: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; }
.cgptPhoneCountryOptionDial { width: 42px !important; flex: 0 0 42px !important; font-size: 12px !important; font-weight: 760 !important; font-variant-numeric: tabular-nums !important; }
.cgptPhoneCountryOptionName { min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: rgba(255, 255, 255, 0.7) !important; font-size: 12px !important; font-weight: 540 !important; }
@media (max-width: 560px) {
.cgptPhoneConfirmLayout { grid-template-columns: 1fr !important; }
.cgptPhoneCountryButton, .cgptPhoneCountryButton:hover, .cgptPhoneCountryButton:focus, .cgptPhoneCountryButton:focus-visible, .cgptPhoneCountryButton[aria-expanded="true"] { width: 100% !important; min-width: 100% !important; justify-content: flex-start !important; }
}
.cgptPhoneCountryMenu { box-sizing: border-box !important; overflow: hidden auto !important; overscroll-behavior: contain !important; scroll-behavior: smooth !important; scrollbar-gutter: stable !important; padding: 6px 10px 6px 6px !important; min-width: 244px !important; max-width: min(280px, -24px + 100vw) !important; scrollbar-width: thin !important; scrollbar-color: rgba(255, 255, 255, 0.34) transparent !important; }
.cgptPhoneCountryMenu::-webkit-scrollbar { width: 6px !important; height: 0px !important; }
.cgptPhoneCountryMenu::-webkit-scrollbar-track { background: transparent !important; margin: 6px 0px !important; }
.cgptPhoneCountryMenu::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.28) !important; border-radius: 999px !important; }
.cgptPhoneCountryMenu::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.4) !important; }
.cgptPhoneCountryMenu::-webkit-scrollbar-corner { background: transparent !important; }
.cgptPhoneCountryOption, .cgptPhoneCountryOption:hover, .cgptPhoneCountryOption:focus, .cgptPhoneCountryOption:focus-visible, .cgptPhoneCountryOption.isSelected { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin: 0px !important; padding-right: 10px !important; overflow: hidden !important; }
.cgptPhoneCountryOptionName { padding-right: 4px !important; }
.cgptButtonLoadingDots { gap: 5px !important; min-width: 42px !important; height: 18px !important; line-height: 18px !important; align-items: center !important; }
.cgptButtonLoadingDots span { width: 7px !important; height: 7px !important; opacity: 1 !important; animation: 0.72s linear 0s infinite normal none running cgptButtonDotUpDownLinear !important; will-change: transform !important; }
.cgptButtonLoadingDots span:nth-child(2) { animation-delay: 0.12s !important; }
.cgptButtonLoadingDots span:nth-child(3) { animation-delay: 0.24s !important; }
.cgptProfileAvatarEdit.isLoading .cgptButtonLoadingDots { transform: scale(0.9) !important; }
@keyframes cgptButtonDotUpDownLinear { 
  0%, 100% { transform: translateY(0px); }
  25% { transform: translateY(-4px); }
  50% { transform: translateY(0px); }
  75% { transform: translateY(4px); }
}
.cgptDotLoaderButton { position: relative !important; overflow: hidden !important; }
.cgptDotLoaderButton .cgptButtonLoadingLabel { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; opacity: 1 !important; transform: translateY(0px) !important; transition: opacity 0.18s, transform 0.18s !important; pointer-events: none !important; }
.cgptDotLoaderButton .cgptButtonLoadingDots { position: absolute !important; left: 50% !important; top: 50% !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 42px !important; min-width: 42px !important; height: 24px !important; line-height: 24px !important; color: currentcolor !important; opacity: 0 !important; transform: translate(-50%, -50%) !important; transition: opacity 0.18s !important; pointer-events: none !important; }
.cgptDotLoaderButton .cgptButtonLoadingDots span { width: 8px !important; height: 8px !important; border-radius: 999px !important; background: currentcolor !important; opacity: 1 !important; animation: 0.8s linear 0s infinite normal none running cgptButtonDotBounceSmooth !important; will-change: transform !important; }
.cgptDotLoaderButton .cgptButtonLoadingDots span:nth-child(2) { animation-delay: 0.11s !important; }
.cgptDotLoaderButton .cgptButtonLoadingDots span:nth-child(3) { animation-delay: 0.22s !important; }
.cgptDotLoaderButton.isLoading .cgptButtonLoadingLabel { opacity: 0 !important; transform: translateY(5px) !important; }
.cgptDotLoaderButton.isLoading .cgptButtonLoadingDots { opacity: 1 !important; }
.cgptProfileAvatarEdit.cgptDotLoaderButton.isLoading .cgptButtonLoadingDots { transform: translate(-50%, -50%) !important; }
@keyframes cgptButtonDotBounceSmooth { 
  0%, 66%, 100% { transform: translateY(0px); }
  22% { transform: translateY(-8px); }
  44% { transform: translateY(0px); }
}
.cgptConnectionsShell { width: min(100%, 760px); margin: 0px auto; padding: 14px 0px 70px; }
.cgptConnectionsIntro, .cgptConnectionsRewards, .cgptConnectionsListWrap { width: 100%; }
.cgptConnectionsIntro h4, .cgptConnectionsRewards h4, .cgptConnectionsListWrap h4 { margin: 0px 0px 5px; color: rgba(255, 255, 255, 0.94); font-size: 14px; font-weight: 800; letter-spacing: -0.01em; }
.cgptConnectionsIntro p { max-width: 650px; margin: 0px 0px 10px; color: rgba(255, 255, 255, 0.58); font-size: 12px; font-weight: 520; line-height: 1.28; }
.cgptConnectionProviders { display: flex; flex-wrap: wrap; gap: 9px; }
.cgptConnectionProvider { width: 48px; height: 48px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.11); background: rgb(31, 31, 31); color: rgb(255, 255, 255); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.14s, border-color 0.14s, filter 0.14s; transform: none !important; }
.cgptConnectionProvider:hover, .cgptConnectionProvider:focus-visible { background: rgb(42, 42, 42); border-color: rgba(255, 255, 255, 0.18); outline: none; }
.cgptConnectionProvider.isConnected { border-color: rgba(255, 255, 255, 0.11); background: rgb(31, 31, 31); }
.cgptConnectionProvider:disabled { cursor: not-allowed; opacity: 0.58; }
.cgptConnectionProviderIcon, .cgptConnectionIcon { width: 28px; height: 28px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; color: rgb(255, 255, 255); font-size: 14px; font-weight: 900; line-height: 1; border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)); }
.cgptConnectionProviderIcon svg, .cgptConnectionIcon svg { width: 19px; height: 19px; display: block; fill: currentcolor; }
.cgptConnectionIcon { width: 42px; height: 42px; border-radius: 13px; flex: 0 0 auto; }
.cgptConnectionIcon.isDomain { background: rgb(47, 49, 54); }
.cgptConnectionIcon.isRoblox { background: rgb(17, 17, 17); }
.cgptConnectionIcon.isDiscord { background: rgb(88, 101, 242); }
.cgptConnectionIcon.isYoutube { background: rgb(255, 0, 51); }
.cgptConnectionIcon.isTiktok { background: rgb(17, 17, 17); }
.cgptConnectionIcon.isTwitter { background: rgb(17, 17, 17); }
.cgptConnectionIcon.isGithub { background: rgb(36, 41, 47); }
.cgptConnectionIcon.isSteam { background: rgb(23, 26, 33); }
.cgptConnectionIcon.isXbox { background: rgb(16, 124, 16); }
.cgptConnectionIcon.isPlaystation { background: rgb(0, 48, 135); }
.cgptConnectionsDivider { height: 1px; width: 100%; margin: 18px 0px; background: rgba(255, 255, 255, 0.1); }
.cgptConnectionsRewards { margin-bottom: 28px; }
.cgptConnectionsRewardCard { min-height: 104px; display: flex; align-items: center; gap: 18px; padding: 20px 24px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.13); background: radial-gradient(circle at 14% 50%, rgba(255, 170, 0, 0.18), transparent 32%), linear-gradient(90deg, rgba(22, 22, 22, 0.96), rgba(12, 34, 19, 0.92)); overflow: hidden; }
.cgptConnectionsRewardIcon { width: 54px; height: 54px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.25); color: rgb(255, 210, 108); flex: 0 0 auto; }
.cgptConnectionsRewardIcon .material-symbols-rounded { font-size: 30px; }
.cgptConnectionsRewardCopy { min-width: 0px; display: flex; flex-direction: column; gap: 5px; }
.cgptConnectionsRewardCopy strong { color: rgb(255, 255, 255); font-size: 18px; line-height: 1.2; font-weight: 900; letter-spacing: -0.02em; }
.cgptConnectionsRewardCopy span { color: rgba(255, 255, 255, 0.62); font-size: 13px; line-height: 1.35; font-weight: 600; }
.cgptConnectionsStatus { margin: 0px 0px 12px; padding: 10px 12px; border-radius: 9px; border: 1px solid rgba(74, 144, 255, 0.45); background: rgba(74, 144, 255, 0.1); color: rgba(255, 255, 255, 0.82); font-size: 12px; font-weight: 700; line-height: 1.35; }
.cgptConnectionsStatus.isError { border-color: rgba(255, 105, 105, 0.42); background: rgba(255, 80, 80, 0.1); color: rgb(255, 180, 180); }
.cgptConnectionsList { display: flex; flex-direction: column; gap: 14px; }
.cgptConnectionsLoading, .cgptConnectionsEmpty { min-height: 96px; display: flex; align-items: center; justify-content: center; padding: 22px; border-radius: 10px; border: 1px dashed rgba(255, 255, 255, 0.14); color: rgba(255, 255, 255, 0.52); font-size: 13px; font-weight: 700; text-align: center; }
.cgptConnectionCard { border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.12); background: rgb(31, 31, 33); overflow: hidden; }
.cgptConnectionTop { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 18px 20px 16px; }
.cgptConnectionIdentity { min-width: 0px; display: flex; align-items: center; gap: 13px; }
.cgptConnectionText { min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
.cgptConnectionText strong { max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255, 255, 255, 0.94); font-size: 15px; line-height: 1.15; font-weight: 850; }
.cgptConnectionText span { color: rgba(255, 255, 255, 0.58); font-size: 12px; font-weight: 700; }
.cgptConnectionRemove { width: 32px; height: 32px; border: 0px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: transparent; color: rgba(255, 255, 255, 0.54); cursor: pointer; transition: background 0.14s, color 0.14s; transform: none !important; }
.cgptConnectionRemove:hover, .cgptConnectionRemove:focus-visible { background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255); outline: none; }
.cgptConnectionRemove svg { width: 17px; height: 17px; fill: currentcolor; }
.cgptConnectionUnlink { min-width: 82px; height: 34px; padding: 0px 15px; border: 1px solid rgba(255, 70, 70, 0.55); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: rgba(190, 30, 30, 0.22); color: rgb(255, 112, 112); font-size: 12px; font-weight: 900; line-height: 1; cursor: pointer; transition: background 0.14s, border-color 0.14s, color 0.14s; transform: none !important; }
.cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus-visible { background: rgba(220, 38, 38, 0.34); border-color: rgba(255, 92, 92, 0.82); color: rgb(255, 255, 255); outline: none; }
.cgptConnectionUnlinkModalPrimary { min-width: 86px; background: rgba(190, 30, 30, 0.95) !important; border-color: rgba(255, 82, 82, 0.85) !important; color: rgb(255, 255, 255) !important; }
.cgptConnectionUnlinkModalPrimary:hover, .cgptConnectionUnlinkModalPrimary:focus-visible { background: rgba(220, 38, 38, 0.98) !important; border-color: rgba(255, 120, 120, 0.95) !important; }
.cgptConnectionUnlinkModalPrimary[disabled], .cgptConnectionUnlinkModalPrimary[aria-busy="true"] { opacity: 0.72; cursor: not-allowed; }
.cgptConnectionSetting { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.cgptConnectionSetting span { color: rgba(255, 255, 255, 0.82); font-size: 13px; font-weight: 800; }
.cgptConnectionNotice { margin: 0px 20px 16px; padding: 10px 12px; border: 1px solid rgba(74, 144, 255, 0.48); border-radius: 8px; background: rgba(74, 144, 255, 0.1); color: rgba(255, 255, 255, 0.76); font-size: 12px; line-height: 1.35; font-weight: 700; }
.cgptConnectionNotice button { border: 0px; background: transparent; color: rgb(95, 163, 255); padding: 0px; font: inherit; cursor: pointer; }
.cgptConnectionCard.isBusy { opacity: 0.68; pointer-events: none; }
@media (max-width: 760px) {
.cgptConnectionsShell { width: 100%; padding: 20px 0px 42px; }
.cgptConnectionProviders { gap: 8px; }
.cgptConnectionProvider { width: 44px; height: 44px; }
.cgptConnectionsRewardCard { align-items: flex-start; padding: 18px; }
.cgptConnectionsRewardCopy strong { font-size: 15px; }
.cgptConnectionTop, .cgptConnectionSetting { padding-left: 16px; padding-right: 16px; }
}
.cgptSettingsPage[data-cgpt-page="connections"] h3 { margin: 0px; padding: 0px; color: rgba(255, 255, 255, 0.88); font-size: 15px; font-weight: 850; }
.cgptConnectionsShell { width: min(100%, 760px) !important; margin: 0px auto !important; padding: 56px 0px 92px !important; }
.cgptConnectionsIntro h4, .cgptConnectionsRewards h4, .cgptConnectionsListWrap h4 { margin: 0px 0px 7px !important; color: rgba(255, 255, 255, 0.92) !important; font-size: 16px !important; font-weight: 850 !important; letter-spacing: -0.02em !important; }
.cgptConnectionsRewards h4 { display: flex !important; align-items: center !important; gap: 5px !important; margin-bottom: 22px !important; }
.cgptConnectionsRewards h4 .material-symbols-rounded { font-size: 17px !important; color: rgba(255, 255, 255, 0.78) !important; }
.cgptConnectionsIntro p { max-width: 670px !important; margin: 0px 0px 18px !important; color: rgba(255, 255, 255, 0.56) !important; font-size: 13.5px !important; font-weight: 560 !important; line-height: 1.45 !important; }
.cgptConnectionsIntro p a { color: rgb(63, 156, 255) !important; text-decoration: none !important; font-weight: 650 !important; }
.cgptConnectionsIntro p a:hover { text-decoration: underline !important; }
.cgptConnectionProviders { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; }
.cgptConnectionProvider { width: 48px !important; height: 48px !important; border-radius: 9px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; background: rgb(31, 31, 34) !important; color: rgb(255, 255, 255) !important; transform: none !important; box-shadow: none !important; transition: background 0.14s, border-color 0.14s, filter 0.14s !important; }
.cgptConnectionProvider:hover, .cgptConnectionProvider:focus-visible { background: rgb(42, 42, 45) !important; border-color: rgba(255, 255, 255, 0.18) !important; transform: none !important; outline: none !important; }
.cgptConnectionProvider.isConnected { background: rgb(31, 31, 34) !important; border-color: rgba(255, 255, 255, 0.12) !important; }
.cgptConnectionProviderIcon, .cgptConnectionIcon { border: 0px !important; background: transparent !important; border-radius: 0px !important; overflow: visible !important; }
.cgptConnectionProviderIcon { width: 28px !important; height: 28px !important; font-size: 15px !important; }
.cgptConnectionProviderIcon .material-symbols-rounded { font-size: 26px !important; }
.cgptConnectionMoreProvider .material-symbols-rounded { font-size: 26px !important; color: rgba(255, 255, 255, 0.88) !important; }
.cgptConnectionIcon { width: 42px !important; height: 42px !important; border-radius: 14px !important; background: rgba(255, 255, 255, 0.06) !important; }
.cgptConnectionIcon .material-symbols-rounded { font-size: 28px !important; }
.cgptConnectionIcon.isDomain { color: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.08) !important; }
.cgptConnectionIcon.isRoblox { color: rgb(255, 255, 255) !important; background: rgb(21, 21, 21) !important; }
.cgptConnectionIcon.isDiscord { color: rgb(255, 255, 255) !important; background: rgb(88, 101, 242) !important; }
.cgptConnectionIcon.isYoutube { color: rgb(255, 255, 255) !important; background: rgb(255, 0, 51) !important; }
.cgptConnectionIcon.isTiktok { color: rgb(255, 255, 255) !important; background: rgb(17, 17, 17) !important; }
.cgptConnectionIcon.isTwitter { color: rgb(255, 255, 255) !important; background: rgb(17, 17, 17) !important; }
.cgptConnectionIcon.isGithub { color: rgb(255, 255, 255) !important; background: rgb(36, 41, 47) !important; }
.cgptConnectionIcon.isSteam { color: rgb(255, 255, 255) !important; background: rgb(23, 26, 33) !important; }
.cgptConnectionIcon.isXbox { color: rgb(255, 255, 255) !important; background: rgb(16, 124, 16) !important; }
.cgptConnectionIcon.isPlaystation { color: rgb(255, 255, 255) !important; background: rgb(0, 48, 135) !important; }
.cgptConnectionProviderIcon.isDomain { color: rgb(255, 255, 255) !important; }
.cgptConnectionProviderIcon.isRoblox { color: rgb(255, 255, 255) !important; }
.cgptConnectionProviderIcon.isDiscord { color: rgb(88, 101, 242) !important; }
.cgptConnectionProviderIcon.isYoutube { color: rgb(255, 0, 51) !important; }
.cgptConnectionProviderIcon.isTiktok { color: rgb(255, 255, 255) !important; }
.cgptConnectionProviderIcon.isTwitter { color: rgb(255, 255, 255) !important; }
.cgptConnectionProviderIcon.isGithub { color: rgb(255, 255, 255) !important; }
.cgptConnectionProviderIcon.isSteam { color: rgb(255, 255, 255) !important; }
.cgptConnectionProviderIcon.isXbox { color: rgb(16, 124, 16) !important; }
.cgptConnectionProviderIcon.isPlaystation { color: rgb(255, 255, 255) !important; }
.cgptConnectionIcon .mwrpConnRoblox::after { background: rgb(21, 21, 21) !important; }
.cgptConnectionsDivider { width: 100% !important; height: 1px !important; margin: 60px 0px 54px !important; background: rgba(255, 255, 255, 0.1) !important; }
.cgptConnectionsRewards { margin: 0px 0px 52px !important; }
.cgptConnectionsRewardCard { min-height: 132px !important; display: flex !important; align-items: center !important; gap: 22px !important; padding: 0px 26px 0px 0px !important; border-radius: 9px !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; background: linear-gradient(90deg, rgba(10, 18, 12, 0.94), rgba(7, 43, 19, 0.92), rgba(5, 32, 15, 0.96)) !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 40px !important; overflow: hidden !important; }
.cgptConnectionsRewardArt { width: 158px !important; align-self: stretch !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; color: rgb(255, 255, 255) !important; background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.22), transparent 25%), linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.3)) !important; border-right: 1px solid rgba(255, 255, 255, 0.08) !important; flex: 0 0 auto !important; }
.cgptConnectionsRewardArt .material-symbols-rounded { font-size: 38px !important; margin-bottom: 3px !important; }
.cgptConnectionsRewardArt strong { color: rgb(255, 255, 255) !important; font-size: 22px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: -0.05em !important; }
.cgptConnectionsRewardArt small { color: rgba(255, 255, 255, 0.78) !important; font-size: 10px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.08em !important; }
.cgptConnectionsRewardCopy { flex: 1 1 auto !important; min-width: 0px !important; }
.cgptConnectionsRewardCopy strong { max-width: 430px !important; color: rgb(255, 255, 255) !important; font-size: 20px !important; line-height: 1.25 !important; font-weight: 950 !important; letter-spacing: -0.03em !important; }
.cgptConnectionsRewardCopy span { display: none !important; }
.cgptConnectionsRewardButton { min-width: 120px !important; height: 40px !important; padding: 0px 18px !important; border-radius: 8px !important; border: 0px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: rgb(255, 255, 255) !important; color: rgb(17, 17, 17) !important; text-decoration: none !important; font-size: 13px !important; font-weight: 750 !important; white-space: nowrap !important; }
.cgptConnectionsListWrap h4 { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; }
.cgptConnectionsList { gap: 26px !important; }
.cgptConnectionCard { border-radius: 9px !important; border: 1px solid rgba(255, 255, 255, 0.13) !important; background: rgb(30, 30, 33) !important; box-shadow: none !important; overflow: hidden !important; }
.cgptConnectionTop { padding: 20px 20px 17px !important; align-items: flex-start !important; }
.cgptConnectionIdentity { gap: 14px !important; }
.cgptConnectionText strong { font-size: 15px !important; color: rgba(255, 255, 255, 0.92) !important; font-weight: 900 !important; }
.cgptConnectionText span { margin-top: 1px !important; color: rgba(255, 255, 255, 0.58) !important; font-size: 11px !important; font-weight: 780 !important; }
.cgptConnectionRemove { width: 30px !important; height: 30px !important; border-radius: 7px !important; color: rgba(255, 255, 255, 0.48) !important; }
.cgptConnectionRemove:hover, .cgptConnectionRemove:focus-visible { background: rgba(255, 255, 255, 0.06) !important; color: rgba(255, 255, 255, 0.84) !important; }
.cgptConnectionUnlink { min-width: 84px !important; height: 34px !important; padding: 0px 15px !important; border-radius: 7px !important; border: 1px solid rgba(255, 70, 70, 0.58) !important; background: rgba(185, 28, 28, 0.22) !important; color: rgb(255, 118, 118) !important; font-size: 12px !important; font-weight: 900 !important; box-shadow: none !important; }
.cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus-visible { background: rgba(220, 38, 38, 0.36) !important; border-color: rgba(255, 95, 95, 0.86) !important; color: rgb(255, 255, 255) !important; outline: none !important; }
.cgptConnectionSetting { min-height: 56px !important; padding: 16px 20px !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }
.cgptConnectionSetting span { color: rgba(255, 255, 255, 0.82) !important; font-size: 14px !important; font-weight: 840 !important; }
.cgptConnectionNotice { margin: 0px 20px 18px !important; padding: 10px 12px !important; border-radius: 7px !important; border-color: rgba(62, 145, 255, 0.75) !important; background: rgba(42, 112, 190, 0.16) !important; color: rgba(255, 255, 255, 0.76) !important; }
@media (max-width: 760px) {
.cgptConnectionsShell { padding: 24px 0px 52px !important; }
.cgptConnectionsDivider { margin: 38px 0px 34px !important; }
.cgptConnectionsRewardCard { min-height: 124px !important; gap: 14px !important; padding-right: 14px !important; }
.cgptConnectionsRewardArt { width: 112px !important; }
.cgptConnectionsRewardCopy strong { font-size: 15px !important; }
.cgptConnectionsRewardButton { display: none !important; }
}
.cgptConnectionsRewards, .cgptConnectionMoreProvider { display: none !important; }
.cgptConnectionProviderIcon.isDiscord, .cgptConnectionProviderIcon.isRoblox, .cgptConnectionIcon.isDiscord, .cgptConnectionIcon.isRoblox { color: rgb(255, 255, 255) !important; overflow: hidden !important; }
.cgptConnectionProviderIcon.isDiscord, .cgptConnectionIcon.isDiscord { background: rgb(88, 101, 242) !important; border-radius: 8px !important; padding: 5px !important; }
.cgptConnectionProviderIcon.isRoblox, .cgptConnectionIcon.isRoblox { background: rgb(21, 21, 21) !important; border-radius: 8px !important; padding: 5px !important; }
.cgptConnectionIcon.isDiscord, .cgptConnectionIcon.isRoblox { border-radius: 14px !important; padding: 8px !important; }
.cgptConnectionsDivider[hidden], .cgptConnectionsListWrap[hidden] { display: none !important; }
.cgptConnectionProviderIcon.isDiscord, .cgptConnectionProviderIcon.isRoblox, .cgptConnectionIcon.isDiscord, .cgptConnectionIcon.isRoblox { background: transparent !important; padding: 0px !important; border-radius: 0px !important; overflow: visible !important; }
.cgptConnectionIcon.isDiscord, .cgptConnectionIcon.isRoblox { width: 42px !important; height: 42px !important; border-radius: 14px !important; background: rgba(255, 255, 255, 0.06) !important; padding: 9px !important; overflow: hidden !important; }
.cgptConnectionProviderIcon.isDiscord, .cgptConnectionProviderIcon.isRoblox { width: 28px !important; height: 28px !important; }
.cgptConnectionProviderIcon.isDiscord .material-symbols-rounded, .cgptConnectionProviderIcon.isRoblox .material-symbols-rounded, .cgptConnectionIcon.isDiscord .material-symbols-rounded, .cgptConnectionIcon.isRoblox .material-symbols-rounded { display: none !important; }
.cgptConnectionProviderIcon.isDiscord .mwrpConnIconImg, .cgptConnectionProviderIcon.isRoblox .mwrpConnIconImg, .cgptConnectionIcon.isDiscord .mwrpConnIconImg, .cgptConnectionIcon.isRoblox .mwrpConnIconImg { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; opacity: 1 !important; visibility: visible !important; filter: none !important; }
.cgptSettingsPage[data-cgpt-page="connections"] > h3 { margin-bottom: 0px !important; }
.cgptConnectionsShell { padding-top: 22px !important; }
.cgptConnectionsIntro p { max-width: 700px !important; }
.cgptSettingsPage[data-cgpt-page="connections"], .cgptSettingsPage[data-cgpt-page="connections"] *, #cgptConnectionUnlinkOverlay, #cgptConnectionUnlinkOverlay * { font-family: Gotham, "Gotham SSm", Montserrat, Inter, "Segoe UI", Arial, sans-serif !important; }
.cgptConnectionText span, .cgptConnectionSetting span { font-family: Gotham, "Gotham SSm", Montserrat, Inter, "Segoe UI", Arial, sans-serif !important; letter-spacing: 0.01em !important; }
.cgptConnectionUnlink, .cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus, .cgptConnectionUnlink:focus-visible { min-width: 164px !important; height: 34px !important; border: 0px !important; outline: 0px !important; box-shadow: none !important; background: rgb(220, 38, 38) !important; color: rgb(255, 255, 255) !important; font-family: Gotham, "Gotham SSm", Montserrat, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.01em !important; }
#cgptConnectionUnlinkSubmit { min-width: 104px !important; font-family: Gotham, "Gotham SSm", Montserrat, Inter, "Segoe UI", Arial, sans-serif !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmBox { border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 28px 80px !important; }
.cgptConnectionCard { background: rgb(20, 20, 20) !important; border-color: rgba(255, 255, 255, 0.1) !important; border-radius: 14px !important; }
.cgptConnectionTop { background: rgb(20, 20, 20) !important; }
.cgptConnectionSetting { background: rgb(24, 24, 24) !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; }
.cgptConnectionUnlink, .cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus, .cgptConnectionUnlink:focus-visible { min-width: 92px !important; height: 36px !important; padding: 0px 18px !important; border: 0px !important; border-radius: 8px !important; background: rgb(220, 38, 38) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; outline: none !important; font-family: Gotham, "Gotham SSm", Montserrat, Inter, "Segoe UI", Arial, sans-serif !important; font-size: 12px !important; font-weight: 850 !important; letter-spacing: 0px !important; }
.cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus-visible { background: rgb(239, 68, 68) !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmBox { width: min(430px, -32px + 100vw) !important; border-radius: 14px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; background: rgb(20, 20, 20) !important; box-shadow: rgba(0, 0, 0, 0.58) 0px 20px 70px !important; padding: 20px !important; }
#cgptConnectionUnlinkSubmit { min-width: 0px !important; }
.cgptSettingsPage[data-cgpt-page="connections"], .cgptSettingsPage[data-cgpt-page="connections"] *, #cgptConnectionUnlinkOverlay, #cgptConnectionUnlinkOverlay * { font-family: Gotham, "Gotham SSm", "Gotham A", Montserrat, Inter, "Segoe UI", Arial, sans-serif !important; }
.cgptConnectionsShell { width: min(100%, 720px) !important; padding: 0px 0px 70px !important; }
.cgptConnectionsIntro, .cgptConnectionsListWrap { width: 100% !important; }
.cgptConnectionCard { border-radius: 16px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; background: rgba(36, 36, 36, 0.42) !important; overflow: hidden !important; box-shadow: none !important; }
.cgptConnectionTop { background: transparent !important; padding: 16px !important; }
.cgptConnectionText strong { color: rgba(255, 255, 255, 0.94) !important; font-size: 14px !important; font-weight: 850 !important; letter-spacing: -0.01em !important; }
.cgptConnectionText span { color: rgba(255, 255, 255, 0.58) !important; font-size: 12px !important; font-weight: 650 !important; }
.cgptConnectionSetting { min-height: 62px !important; padding: 13px 16px !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; background: transparent !important; }
.cgptConnectionSetting span { color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 650 !important; }
.cgptConnectionUnlink, .cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus, .cgptConnectionUnlink:focus-visible { min-width: 92px !important; height: 34px !important; padding: 0px 16px !important; border: 0px !important; border-radius: 8px !important; background: rgb(220, 38, 38) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; outline: none !important; font-size: 12px !important; font-weight: 850 !important; letter-spacing: 0px !important; }
.cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus-visible { background: rgb(239, 68, 68) !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmBox { width: min(440px, -32px + 100vw) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 18px !important; background: rgb(24, 24, 24) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 0, 0, 0.64) 0px 22px 80px !important; padding: 18px !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmHeader h3 { font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmHeader p { color: rgba(255, 255, 255, 0.64) !important; font-size: 13px !important; font-weight: 500 !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmField label { color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 650 !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmField input { height: 40px !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 10px !important; background: rgb(36, 36, 36) !important; color: rgb(255, 255, 255) !important; padding: 0px 11px !important; font-size: 13px !important; font-weight: 500 !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmField input:focus { border-color: rgba(255, 255, 255, 0.24) !important; box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 3px !important; }
#cgptConnectionUnlinkSubmit { min-width: 86px !important; }
.cgptSettingsPage[data-cgpt-page="connections"], .cgptSettingsPage[data-cgpt-page="connections"] *, #cgptConnectionUnlinkOverlay, #cgptConnectionUnlinkOverlay *, .cgptConnectionUnlink, .cgptConnectionUnlink * { font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
.cgptConnectionsShell { padding-top: 14px !important; }
.cgptConnectionsIntro { margin-top: -4px !important; }
.cgptConnectionsIntro h4 { margin-bottom: 5px !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 800 !important; }
.cgptConnectionsIntro p { margin-bottom: 10px !important; font-size: 12px !important; line-height: 1.28 !important; font-weight: 520 !important; }
.cgptConnectionsListWrap h4 { font-size: 14px !important; line-height: 1.18 !important; }
.cgptConnectionCard { background: rgb(28, 28, 30) !important; border: 1px solid rgba(255, 255, 255, 0.09) !important; border-radius: 12px !important; }
.cgptConnectionTop { padding: 14px 16px !important; background: rgb(28, 28, 30) !important; }
.cgptConnectionSetting { min-height: 50px !important; padding: 12px 16px !important; background: rgb(28, 28, 30) !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; }
.cgptConnectionSetting span { color: rgba(255, 255, 255, 0.82) !important; font-size: 13px !important; font-weight: 750 !important; }
.cgptConnectionUnlink, .cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus, .cgptConnectionUnlink:focus-visible { min-width: 92px !important; height: 34px !important; border: 1px solid rgba(255, 70, 70, 0.55) !important; border-radius: 8px !important; box-shadow: none !important; outline: 0px !important; background: rgba(190, 30, 30, 0.22) !important; color: rgb(255, 112, 112) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: 0px !important; }
.cgptConnectionUnlink:hover, .cgptConnectionUnlink:focus-visible { background: rgba(220, 38, 38, 0.34) !important; border-color: rgba(255, 92, 92, 0.82) !important; color: rgb(255, 255, 255) !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmBox { width: min(430px, -28px + 100vw) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 16px !important; background: rgb(32, 32, 32) !important; box-shadow: rgba(0, 0, 0, 0.48) 0px 28px 80px !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmHeader h3 { font-size: 18px !important; font-weight: 800 !important; line-height: 1.2 !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmHeader p { font-size: 13px !important; line-height: 1.35 !important; color: rgba(255, 255, 255, 0.62) !important; }
#cgptConnectionUnlinkOverlay .cgptAccountConfirmField label { font-size: 12px !important; font-weight: 700 !important; }
#cgptConnectionUnlinkSubmit { min-width: 92px !important; height: 36px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 800 !important; }
.cgptSettingsPage[data-cgpt-page="connections"], .cgptSettingsPage[data-cgpt-page="connections"] *, #cgptConnectionUnlinkOverlay, #cgptConnectionUnlinkOverlay *, .cgptConnectionUnlink, .cgptConnectionUnlink *, #cgptConnectionUnlinkSubmit { font-family: Gotham, "Gotham SSm", "Gotham A", Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; }
.cgptConnectionsShell { padding-top: 18px !important; }
.cgptConnectionsIntro { margin-top: 18px !important; }
.cgptConnectionsIntro h4 { margin-bottom: 6px !important; }
.cgptConnectionsIntro p { margin-bottom: 14px !important; line-height: 1.32 !important; }
.cgptConnectionCard { background: rgba(36, 36, 36, 0.42) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 16px !important; }
.cgptConnectionTop, .cgptConnectionSetting { background: transparent !important; }
.cgptConnectionUnlink, .cgptConnectionUnlink:focus, .cgptConnectionUnlink:focus-visible { min-width: 92px !important; height: 34px !important; padding: 0px 16px !important; border: 0px !important; border-radius: 8px !important; background: rgb(220, 38, 38) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; outline: 0px !important; font-size: 12px !important; font-weight: 850 !important; letter-spacing: 0px !important; }
.cgptConnectionUnlink:hover { background: rgb(185, 28, 28) !important; color: rgb(255, 255, 255) !important; }
#cgptConnectionUnlinkSubmit, #cgptConnectionUnlinkSubmit:focus, #cgptConnectionUnlinkSubmit:focus-visible { background: rgb(220, 38, 38) !important; border: 0px !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; outline: 0px !important; }
#cgptConnectionUnlinkSubmit:hover { background: rgb(185, 28, 28) !important; }
.cgptEmailCodeBoxes { display: grid; grid-template-columns: repeat(6, 42px); gap: 7px; justify-content: center; margin-top: 10px; }
.cgptEmailCodeBox { width: 42px !important; height: 46px !important; padding: 0px !important; border-radius: 10px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; background: rgb(56, 56, 56) !important; color: rgb(255, 255, 255) !important; text-align: center !important; font-size: 20px !important; font-weight: 900 !important; box-shadow: none !important; outline: 0px !important; }
.cgptEmailCodeBox:focus { border-color: rgba(255, 255, 255, 0.25) !important; background: rgb(62, 62, 62) !important; box-shadow: none !important; }
.cgptEmailCodeBox.isInvalid { background: rgba(132, 40, 40, 0.96) !important; border-color: rgba(255, 107, 107, 0.42) !important; }
@media (max-width: 480px) {
.cgptEmailCodeBoxes { grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 6px; }
.cgptEmailCodeBox { width: 100% !important; height: 44px !important; font-size: 18px !important; }
}
.cgptSettingsOverlay, .cgptSettingsOverlay *, .cgptAccountConfirmOverlay, .cgptAccountConfirmOverlay *, .cgptSelectMenu, .cgptSelectMenu * { box-sizing: border-box; }
.cgptSettingsOverlay { color: #fff; }
.cgptSettingsTab .material-symbols-rounded svg { width: 18px !important; height: 18px !important; display: block !important; fill: currentColor; }
.cgptSettingsOverlay .material-symbols-rounded, .cgptAccountConfirmOverlay .material-symbols-rounded, #cgptConnectionUnlinkOverlay .material-symbols-rounded { font-family: 'Material Symbols Rounded' !important; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
@media (prefers-reduced-motion: reduce) { .cgptSettingsOverlay, .cgptSettingsModal { transition: none !important; animation: none !important; } }