*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:radial-gradient(circle at 20% 12%,rgba(108,184,255,.12),transparent 28%),radial-gradient(circle at 86% 76%,rgba(108,184,255,.1),transparent 30%),#080d11;color:#f4f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0}body:has(.clientConnecting){background:radial-gradient(circle at 20% 12%,rgba(255,118,118,.12),transparent 28%),radial-gradient(circle at 86% 76%,rgba(255,118,118,.1),transparent 30%),#080d11}body:has(.clientConnected){background:radial-gradient(circle at 20% 12%,rgba(105,235,202,.12),transparent 28%),radial-gradient(circle at 86% 76%,rgba(105,235,202,.1),transparent 30%),#080d11}button,select{font:inherit}button{cursor:pointer}.phoneShell{--state-rgb: 108, 184, 255;--state-color: #6cb8ff;--state-color-soft: rgba(var(--state-rgb), .1);--state-color-tint: rgba(var(--state-rgb), .16);--state-color-panel: rgba(var(--state-rgb), .08);--state-color-mid: rgba(var(--state-rgb), .34);--state-color-strong: rgba(var(--state-rgb), .54);--state-color-border: rgba(var(--state-rgb), .44);--state-color-text: rgba(var(--state-rgb), .95);position:relative;height:100vh;height:100dvh;width:min(430px,100%);margin:0 auto;overflow:hidden;background:radial-gradient(circle at 50% 24%,var(--state-color-tint),transparent 30%),radial-gradient(circle at 10% 92%,var(--state-color-soft),transparent 28%),linear-gradient(180deg,#11191ff0,#090d11fa);padding:18px 18px 42vh;transition:background .26s ease}.phoneShell.clientConnecting{--state-rgb: 255, 118, 118;--state-color: #ff7676}.phoneShell.clientConnected{--state-rgb: 105, 235, 202;--state-color: #69ebca}.phoneShellRtl{text-align:right}.topStrip,.selectShell select,.connectButton,.configDrawer,.pingButton,.refreshIconButton,.configRow{backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%)}.topStrip{position:relative;display:flex;align-items:center;justify-content:center;min-height:34px;padding:4px 11px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.titleUpdateButton{border:0;background:transparent;padding:0 8px;color:var(--state-color-text);font-size:17px;font-weight:1000;letter-spacing:.04em;text-shadow:0 0 18px var(--state-color-mid)}.titleUpdateButton.updateAvailable{min-height:30px;border:1px solid var(--state-color-border);border-radius:10px;background:linear-gradient(145deg,var(--state-color-tint),rgba(255,255,255,.045)),var(--state-color-panel);padding:0 14px;box-shadow:inset 0 1px #ffffff2e,0 0 20px var(--state-color-tint)}.profileIconButton{position:absolute;left:0;top:50%;z-index:4;width:38px;height:38px;padding:8px;transform:translateY(-50%);border:1px solid var(--state-color-border);border-radius:10px;background:linear-gradient(145deg,#ffffff14,#ffffff05),#ffffff09;color:var(--state-color-text);display:grid;place-items:center;box-shadow:inset 0 1px #ffffff1a,0 0 18px var(--state-color-soft),0 8px 18px #00000024}.profileIconButton svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.perAppIconButton{position:absolute;right:0;top:50%;z-index:4;width:38px;height:38px;padding:7px;transform:translateY(-50%);border:1px solid var(--state-color-border);border-radius:10px;background:linear-gradient(145deg,#ffffff14,#ffffff05),#ffffff09;display:grid;place-items:center;opacity:.82;box-shadow:inset 0 1px #ffffff1a,0 0 18px var(--state-color-soft),0 8px 18px #00000024;transition:opacity .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}.perAppIconButton img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:brightness(0) invert(.74)}.perAppIconButton.active{opacity:1;border-color:var(--state-color-strong);box-shadow:inset 0 1px #ffffff2e,0 0 18px var(--state-color-mid),0 8px 18px #00000029}.perAppIconButton.active img{filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--state-color-strong)) drop-shadow(0 0 18px var(--state-color-mid))}.pickerRow{display:grid;grid-template-columns:88px minmax(86px,1fr) 88px;align-items:end;justify-content:stretch;gap:12px;margin-top:18px}.selectShell{position:relative;display:grid;gap:6px}.selectShell span{color:color-mix(in srgb,var(--state-color) 42%,#8fa1ad);font-size:11px;font-weight:800;text-transform:uppercase}.selectShell select{width:100%;min-height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(var(--state-rgb),.22);outline:0;color:#f4f8fa;background:linear-gradient(145deg,#ffffff24,#ffffff0a),#18232b94;border-radius:12px;padding:0 27px 0 10px;font-weight:900;font-size:13px;box-shadow:inset 0 1px #ffffff2e,inset 0 -18px 38px var(--state-color-soft),0 12px 26px #0000002e}.selectShell:after{content:"";position:absolute;right:11px;bottom:16px;width:7px;height:7px;border-right:2px solid var(--state-color);border-bottom:2px solid var(--state-color);transform:rotate(45deg);pointer-events:none}.localProxyInfo{min-height:40px;display:grid;place-items:center;align-content:center;gap:4px;color:var(--state-color-text);text-align:center}.localProxyInfo strong{color:var(--state-color-text);font-size:13px;line-height:1;letter-spacing:.02em}.localProxyInfo span{color:color-mix(in srgb,var(--state-color) 30%,#8fa1ad);font-size:11px;font-weight:900;line-height:1}.connectZone{min-height:calc(58vh - 96px);display:grid;place-items:center;align-content:center;padding-bottom:20px}.connectButton{width:190px;height:190px;border:1px solid var(--state-color-strong);border-radius:50%;background:radial-gradient(circle at 42% 28%,rgba(255,255,255,.2),transparent 18%),radial-gradient(circle at 50% 42%,var(--state-color-border),transparent 48%),linear-gradient(145deg,#ffffff21,#ffffff09),rgba(var(--state-rgb),.09);color:#f4f8fa;box-shadow:inset 0 1px 2px #ffffff3d,inset 0 -28px 48px #0000002e,0 0 0 12px var(--state-color-soft),0 0 46px var(--state-color-tint),0 25px 78px #0000006b;display:grid;place-items:center;align-content:center;gap:10px}.connectButton span{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:min(154px,78%);max-width:154px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--state-color-text);font-size:clamp(15px,7.8vw,19px);font-weight:1000;letter-spacing:.03em;line-height:1.05;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;text-shadow:0 0 18px var(--state-color-mid)}.connectButton small{width:128px;color:color-mix(in srgb,var(--state-color) 34%,#adc0ca);font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusText{min-height:20px;max-width:300px;margin:18px 0 0;color:color-mix(in srgb,var(--state-color) 34%,#8fa1ad);font-size:12px;font-weight:700;text-align:center}.emptyStatus{opacity:0}.configDrawer{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(430px,100%);min-height:40vh;max-height:42vh;padding:16px 18px 22px;background:linear-gradient(145deg,rgba(255,255,255,.12),var(--state-color-panel)),#121a21ad;border-top:1px solid var(--state-color-border);border-left:1px solid rgba(var(--state-rgb),.22);border-right:1px solid rgba(var(--state-rgb),.22);border-radius:18px 18px 0 0;box-shadow:inset 0 1px #fff3,0 0 42px var(--state-color-soft),0 -24px 70px #00000061;overflow-y:auto}.drawerToolbar{position:relative;display:grid;place-items:center;margin-bottom:16px;min-height:40px}.pingNotice{min-height:16px;margin:-7px 48px 12px;color:color-mix(in srgb,var(--state-color) 34%,#8fa1ad);font-size:11px;font-weight:800;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pingButton{display:block;width:132px;min-height:38px;border:1px solid var(--state-color-border);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.18),var(--state-color-soft)),var(--state-color-panel);color:var(--state-color-text);font-weight:1000;box-shadow:inset 0 1px #ffffff38,0 10px 28px #0003}.pingButton.pingGood{color:#68d8ade0;border-color:#68d8ad7a}.pingButton.pingWarn{color:#ffb152e0;border-color:#ffb1527a}.pingButton.pingBad{color:#ff6b6be0;border-color:#ff6b6b7a}.refreshIconButton{position:absolute;right:0;top:0;width:40px;height:40px;border:1px solid var(--state-color-border);border-radius:12px;color:var(--state-color-text);background:linear-gradient(145deg,rgba(255,255,255,.14),var(--state-color-soft)),#0c121775;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff2e,0 10px 26px #0000002e}.refreshIconButton svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.refreshIconButton.refreshing svg{animation:spin .9s linear infinite}.empty{margin:22px 0 0;color:color-mix(in srgb,var(--state-color) 34%,#8fa1ad);font-size:13px;font-weight:700;text-align:center}.configList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trialUpgradePanel{min-height:calc(40vh - 38px);display:grid;align-content:center;gap:14px}.trialUpgradePanel p{margin:0;color:color-mix(in srgb,var(--state-color) 36%,#d6e2e8);font-size:clamp(12px,3.2vw,14px);font-weight:900;line-height:1.45;text-align:center}.drawerUpgradeButton{margin:0}.configRow{backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);width:100%;min-height:42px;min-width:0;border:1px solid rgba(var(--state-rgb),.18);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.09),var(--state-color-panel)),#ffffff09;color:#f4f8fa;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:5px;padding:7px 8px;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #0000001f}.configRow.active{border-color:var(--state-color-strong);background:linear-gradient(145deg,rgba(255,255,255,.11),var(--state-color-soft)),var(--state-color-panel);box-shadow:inset 0 1px #ffffff24,0 0 18px var(--state-color-tint),0 8px 18px #00000021}.configRow.dedicatedConfig{border-color:#f5cf66c7;background:linear-gradient(145deg,#f5cf662e,#3d2b0861),#ffffff09;box-shadow:inset 0 1px #ffffff2e,0 0 20px #f5cf6638,0 8px 18px #00000024}.configRow.dedicatedConfig.active{border-color:#f5cf66;box-shadow:inset 0 1px #fff3,0 0 26px #f5cf6657,0 8px 18px #00000024}.configRow strong{width:18px;color:var(--state-color-text);font-size:14px;line-height:1;text-align:right}.configRow.dedicatedConfig strong{color:#f5cf66}.pingText{min-width:44px;font-size:11px;font-weight:900;line-height:1;text-align:right}.pingGood{color:#68d8adad}.pingWarn{color:#ffb152ad}.pingBad{color:#ff6b6bad}.pingMuted{color:#8fa1ad9e}.heartButton{width:20px;height:20px;display:grid;place-items:center;color:color-mix(in srgb,var(--state-color) 40%,rgba(244,248,250,.52));background:transparent;border:0}.heartButton svg{width:15px;height:15px;fill:transparent;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.heartButton.favorite{color:var(--state-color-text)}.heartButton.favorite svg{fill:currentColor}.heartButton.lockedFavorite{color:#f5cf66}.settingsLayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,var(--state-color-soft),transparent 34%),#04080b6b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.settingsPopup{position:relative;width:min(370px,100%);max-height:min(78vh,620px);padding:18px;border:1px solid var(--state-color-border);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.15),var(--state-color-panel)),#121a21b8;box-shadow:inset 0 1px #fff3,0 0 38px var(--state-color-soft),0 28px 86px #0000007a;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);overflow-y:auto}.settingsPopupRtl{text-align:right}.dangerPopup{position:relative;width:min(360px,100%);padding:52px 18px 18px;border:1px solid rgba(255,118,118,.46);border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(255,118,118,.2),transparent 36%),linear-gradient(145deg,#ffffff24,#ff767614),#200e12c7;box-shadow:inset 0 1px #ffffff2e,0 0 44px #ff767624,0 28px 86px #00000080;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}.dangerPopupRtl{direction:rtl}.dangerPopup h2{margin:0 0 10px;color:#ff7676f5;font-size:20px;text-align:center;text-shadow:0 0 18px rgba(255,118,118,.28)}.dangerPopup p{margin:0;color:#f4f8fac2;font-size:13px;font-weight:750;line-height:1.55;text-align:center}.dangerActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.dangerActions button{min-height:42px;border-radius:12px;font-weight:1000}.dangerCancelButton{border:1px solid rgba(255,255,255,.14);background:#ffffff0e;color:#f4f8fac7}.dangerConfirmButton{border:1px solid rgba(255,118,118,.58);background:linear-gradient(145deg,#ff76764d,#ffffff09),#ff767629;color:#ffe2e2f5;box-shadow:inset 0 1px #ffffff2e,0 0 22px #ff767624}.profilePopup{position:relative;width:min(360px,100%);padding:22px 18px 18px;border:1px solid var(--state-color-border);border-radius:20px;background:radial-gradient(circle at 50% 0%,var(--state-color-tint),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.15),var(--state-color-panel)),#121a21bd;box-shadow:inset 0 1px #fff3,0 0 38px var(--state-color-soft),0 28px 86px #0000007a;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}.profilePopupRtl{text-align:right}.profileFlagButton{position:absolute;left:12px;top:12px;width:38px;height:38px;border:1px solid var(--state-color-border);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.13),var(--state-color-panel)),#ffffff0b;color:#f4f8fa;display:grid;place-items:center;font-size:20px;line-height:1;box-shadow:inset 0 1px #ffffff29,0 10px 24px #0000002e}.avatarOrb{width:86px;height:86px;margin:18px auto 14px;border-radius:50%;border:1px solid var(--state-color-border);background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.34),transparent 22%),linear-gradient(145deg,var(--state-color-mid),rgba(255,255,255,.08)),#ffffff14;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff3d,0 0 38px var(--state-color-tint),0 18px 44px #0000003d}.avatarOrb span{color:#f4f8fa;font-size:24px;font-weight:1000;letter-spacing:.04em}.profilePopup h2{margin:0;color:#f4f8fa;font-size:20px;text-align:center}.profilePlan{margin:6px 0 16px;color:var(--state-color-text);font-size:13px;font-weight:900;text-align:center}.daysCard,.referralCard{border:1px solid rgba(var(--state-rgb),.18);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.1),var(--state-color-panel)),#ffffff0a;box-shadow:inset 0 1px #ffffff21,0 10px 24px #00000024}.daysCard{padding:13px}.daysCopy{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.profilePopupRtl .daysCopy{flex-direction:row-reverse}.daysCopy span,.referralCard span{color:color-mix(in srgb,var(--state-color) 34%,#8fa1ad);font-size:11px;font-weight:850;text-transform:uppercase}.daysCopy strong{color:#f4f8fa;font-size:18px}.daysTrack{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.daysTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--state-color),var(--state-color-border));box-shadow:0 0 18px var(--state-color-mid)}.referralCard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:12px;padding:12px}.profilePopupRtl .referralCard{grid-template-columns:auto minmax(0,1fr)}.profilePopupRtl .referralCard>div{order:2}.profilePopupRtl .referralCard>button{order:1}.referralCard strong{display:block;max-width:100%;margin-top:5px;color:#f4f8fa;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.referralCard button{min-height:36px;border:1px solid var(--state-color-border);border-radius:10px;background:var(--state-color-panel);color:var(--state-color-text);font-weight:900;padding:0 13px}.logoutButton{width:100%;min-height:42px;margin-top:12px;border:1px solid var(--state-color-border);border-radius:12px;background:linear-gradient(145deg,var(--state-color-tint),rgba(255,255,255,.035)),var(--state-color-panel);color:var(--state-color-text);font-weight:1000;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #00000026}.upgradeButton{width:100%;min-height:46px;margin:0 0 12px;border:1px solid var(--state-color-border);border-radius:13px;background:linear-gradient(145deg,var(--state-color-tint),rgba(255,255,255,.045)),var(--state-color-panel);color:var(--state-color-text);font-weight:1000;box-shadow:inset 0 1px #ffffff2e,0 0 24px var(--state-color-tint),0 12px 28px #0000002e}.pricingPopup{position:relative;width:min(360px,100%);padding:52px 18px 18px;border:1px solid var(--state-color-border);border-radius:20px;background:radial-gradient(circle at 50% 0%,var(--state-color-tint),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.15),var(--state-color-panel)),#121a21bd;box-shadow:inset 0 1px #fff3,0 0 38px var(--state-color-soft),0 28px 86px #0000007a;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}.pricingPopup h2{margin:0 0 14px;text-align:center}.profilePopupRtl .planCard,.profilePopupRtl .planCard button{text-align:right}.planCard{display:grid;gap:8px;margin-top:10px;padding:14px;border:1px solid rgba(var(--state-rgb),.18);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.1),var(--state-color-panel)),#ffffff0a}.planCard span{color:color-mix(in srgb,var(--state-color) 34%,#8fa1ad);font-size:12px;font-weight:900}.planCard strong{color:#f4f8fa;font-size:26px}.planCard button{min-height:38px;border:1px solid var(--state-color-border);border-radius:10px;background:var(--state-color-panel);color:var(--state-color-text);font-weight:950}.planCard.featured{border-color:var(--state-color-border);box-shadow:0 0 28px var(--state-color-soft)}.closeSettingsButton{position:absolute;right:12px;top:12px;width:32px;height:32px;border:1px solid var(--state-color-border);border-radius:10px;background:var(--state-color-panel);color:var(--state-color-text);font-size:24px;line-height:1}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:38px 0 16px;padding:5px;border:1px solid rgba(var(--state-rgb),.18);border-radius:14px;background:var(--state-color-panel)}.modeOption{min-height:38px;border:0;border-radius:10px;background:transparent;color:color-mix(in srgb,var(--state-color) 34%,rgba(244,248,250,.64));font-weight:900}.modeOption.active{color:var(--state-color-text);background:linear-gradient(145deg,rgba(255,255,255,.16),var(--state-color-soft)),var(--state-color-panel);box-shadow:inset 0 1px #ffffff2e,0 10px 22px #00000024}.appRulesList{display:grid;gap:8px}.appRuleRow{min-height:46px;border:1px solid rgba(var(--state-rgb),.18);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.1),var(--state-color-panel)),#ffffff09;color:#f4f8fa;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 13px;font-weight:850}.appToggle{width:42px;height:24px;border-radius:999px;padding:3px;background:rgba(var(--state-rgb),.12);border:1px solid rgba(var(--state-rgb),.14);display:flex;align-items:center;justify-content:flex-start}.appToggle span{width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--state-color) 30%,rgba(244,248,250,.72));box-shadow:0 3px 8px #0003}.appToggle.enabled{justify-content:flex-end;background:var(--state-color-tint);border-color:var(--state-color-border)}.appToggle.enabled span{background:var(--state-color)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){body{background:#080b0d}.phoneShell,.configDrawer{border-left:1px solid rgba(var(--state-rgb),.2);border-right:1px solid rgba(var(--state-rgb),.2)}}