*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}body{background-color:#667eea;background-color:var(--tg-theme-bg-color,#667eea);color:#fff;color:var(--tg-theme-text-color,#fff)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.app{background:linear-gradient(135deg,#667eea,#764ba2);margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.telegram-dark .app{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#667eea1a;border-bottom:1px solid #ffffff1a;padding:20px 20px 0;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:100}.telegram-dark .header{background:#1a1a1acc;border-bottom:1px solid #ffffff0d}.logo{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #fff3;border-radius:18px;box-shadow:0 8px 32px #0000001a;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.telegram-dark .logo{background:#ffffff1a;border:1px solid #ffffff1a}.title{background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.telegram-dark .title,.title{-webkit-text-fill-color:#0000}.telegram-dark .title{background:linear-gradient(45deg,#fff,#d1d5db);-webkit-background-clip:text}.subtitle{font-size:14px;font-weight:400;opacity:.8}.connection-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 8px 32px #0000001a;margin:20px;overflow:hidden;padding:24px;position:relative}.telegram-dark .connection-card{background:#ffffff0d;border:1px solid #ffffff1a}.connection-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:2px;left:0;position:absolute;right:0;top:0}.connection-status{align-items:center;display:flex;gap:12px;margin-bottom:20px}.status-indicator{animation:pulse 2s infinite;background:#ef4444;border-radius:50%;height:12px;width:12px}.status-indicator.connected{animation:none;background:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:16px;font-weight:600}.server-info{margin-bottom:16px}.server-name{font-size:14px;opacity:.9}.server-location{font-size:12px}.connect-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.connect-button:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.connect-button:active{transform:translateY(0)}.connect-button.connected{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.stats-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:0 20px 20px;padding:20px}.telegram-dark .stats-card{background:#ffffff0d;border:1px solid #ffffff1a}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-item{text-align:center}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;margin-bottom:4px}.telegram-dark .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#d1d5db);-webkit-background-clip:text}.stat-label{font-size:12px;font-weight:500;opacity:.7}.action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:0 20px 20px}.action-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:80px;padding:16px;text-align:center;text-decoration:none;transition:all .3s ease}.telegram-dark .action-button{background:#ffffff14;border:1px solid #ffffff26}.action-button:hover{background:#ffffff26;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.action-button-icon{font-size:20px;opacity:.9}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-top:1px solid #ffffff1a;bottom:0;display:flex;justify-content:space-around;left:0;padding:12px 20px;position:fixed;right:0;z-index:1000}.telegram-dark .bottom-nav{background:#1a1a1ae6;border-top:1px solid #ffffff0d}.nav-item{align-items:center;border-radius:12px;color:#ffffffb3;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px;min-width:60px;padding:8px;text-decoration:none;transition:all .3s ease}.nav-item.active{background:#ffffff1a;color:#fff}.nav-item-icon{font-size:20px}.servers-view{padding:20px 20px 100px}.view-header{align-items:center;display:flex;gap:16px;margin-bottom:24px;padding:0 4px}.back-button{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:#ffffff26}.view-header h2{font-size:20px;font-weight:600;margin:0}.servers-list{display:flex;flex-direction:column;gap:12px}.server-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;cursor:pointer;padding:16px;transition:all .3s ease}.server-card:hover{background:#ffffff1f;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.server-card.selected{background:#667eea1a;border-color:#667eea}.telegram-dark .server-card{background:#ffffff0d;border:1px solid #ffffff1a}.telegram-dark .server-card:hover{background:#ffffff14}.server-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.server-name{font-size:16px;font-weight:600}.server-location{font-size:14px;opacity:.7}.server-status{align-items:center;display:flex;font-size:12px;gap:8px}.server-status.online{color:#10b981}.server-status.offline{color:#ef4444}.server-load{font-size:12px;opacity:.7}@media (max-width:480px){.app{padding:0}.header{padding:16px 16px 0}.connection-card,.stats-card{margin:16px}.action-buttons{margin:0 16px 16px}.servers-view{padding:16px}}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.787f0bcc.css.map*/