:root{--bg-color:var(--tg-theme-bg-color,#0b0f17);--secondary-bg-color:var(--tg-theme-secondary-bg-color,#111827);--text-color:var(--tg-theme-text-color,#f3f4f6);--hint-color:var(--tg-theme-hint-color,#9ca3af);--link-color:var(--tg-theme-link-color,#3b82f6);--button-color:var(--tg-theme-button-color,#2563eb);--button-text-color:var(--tg-theme-button-text-color,#fff);--accent-blue:#3b82f6;--accent-blue-glow:#3b82f666;--accent-green:#10b981;--accent-green-glow:#10b98166;--accent-red:#ef4444;--accent-red-glow:#ef444466;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf666;--accent-orange:#f59e0b;--accent-orange-glow:#f59e0b66;--card-bg:#111827b3;--card-border:#ffffff0d;--card-border-active:#3b82f64d;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100svh;line-height:1.5;display:flex;overflow-x:hidden}#root{background-color:var(--bg-color);border-left:1px solid #ffffff08;border-right:1px solid #ffffff08;flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 32px #00000080}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass:hover{border-color:#ffffff1a}.glass-active{border-color:var(--card-border-active);box-shadow:0 8px 32px #0000005e}.app-header{z-index:50;-webkit-backdrop-filter:blur(10px);background:#0b0f17d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.user-profile{align-items:center;gap:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-purple), var(--accent-blue));color:#fff;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #8b5cf64d}.avatar img{object-fit:cover;width:100%;height:100%}.user-details{flex-direction:column;display:flex}.user-name{color:var(--text-color);font-size:15px;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;width:fit-content;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-free{color:var(--hint-color);background:#9ca3af26;border:1px solid #9ca3af33}.badge-pro{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;animation:2s ease-in-out infinite glow-gold;box-shadow:0 0 10px #f59e0b33}@keyframes glow-gold{0%,to{box-shadow:0 0 5px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b73}}.app-content{flex-direction:column;flex:1;gap:20px;padding:16px 20px 90px;display:flex;overflow-y:auto}.connection-container{flex-direction:column;justify-content:center;align-items:center;margin:24px 0;display:flex;position:relative}.power-btn-wrapper{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.power-btn{cursor:pointer;z-index:10;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:160px;height:160px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:inset 0 4px 12px #ffffff1a,0 10px 25px #0006}.power-btn:before{content:"";border:2px dashed #ffffff26;border-radius:50%;transition:all .5s;animation:20s linear infinite rotate-dashed;position:absolute;inset:-6px}@keyframes rotate-dashed{to{transform:rotate(360deg)}}.power-btn.disconnected{color:var(--hint-color);background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff14}.power-btn.disconnected:hover{border-color:#fff3}.power-btn.connecting{color:var(--accent-orange);border:1px solid var(--accent-orange);background:linear-gradient(135deg,#1e293b,#111827)}.power-btn.connecting:before{border-color:var(--accent-orange);animation:3s linear infinite rotate-dashed}.power-btn.connected{color:var(--accent-green);border:1px solid var(--accent-green);box-shadow:inset 0 4px 12px #ffffff26, 0 0 30px var(--accent-green-glow);background:linear-gradient(135deg,#064e3b,#022c22)}.power-btn.connected:before{border-color:var(--accent-green);animation:8s linear infinite rotate-dashed}.pulse-rings{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pulse-ring{opacity:0;border:1px solid;border-radius:50%;animation:3s ease-out infinite pulse-out;position:absolute}.pulse-ring:nth-child(2){animation-delay:1s}.pulse-ring:nth-child(3){animation-delay:2s}.connected~.pulse-rings .pulse-ring{border-color:#10b98166;box-shadow:0 0 15px #10b98133}.connecting~.pulse-rings .pulse-ring{border-color:#f59e0b66}.disconnected~.pulse-rings .pulse-ring{display:none}@keyframes pulse-out{0%{opacity:.6;width:160px;height:160px}to{opacity:0;width:280px;height:280px}}.status-label{text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-size:11px;font-weight:800}.connection-timer{color:var(--text-color);letter-spacing:.5px;margin-top:8px;font-family:monospace;font-size:18px;font-weight:700}.connection-state-text{color:var(--hint-color);text-align:center;margin-top:12px;font-size:14px}.connection-state-text span{color:var(--text-color);font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{align-items:center;gap:12px;padding:14px;display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-icon.download{color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f633}.stat-icon.upload{color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633}.stat-icon.ping{color:var(--accent-orange);background:#f59e0b1a;border:1px solid #f59e0b33}.stat-icon.traffic{color:var(--accent-green);background:#10b9811a;border:1px solid #10b98133}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--hint-color);text-transform:uppercase;font-size:11px;font-weight:600}.stat-value{color:var(--text-color);font-size:15px;font-weight:700}.server-select-bar{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.selected-server-info{align-items:center;gap:14px;display:flex}.server-flag{font-size:24px;line-height:1}.server-meta{flex-direction:column;display:flex}.server-name{font-size:15px;font-weight:600}.server-load-indicator{color:var(--hint-color);align-items:center;gap:6px;font-size:12px;display:flex}.load-bar{background:#ffffff1a;border-radius:2px;width:32px;height:4px;overflow:hidden}.load-bar-fill{background:var(--accent-green);border-radius:2px;height:100%}.load-bar-fill.medium{background:var(--accent-orange)}.load-bar-fill.high{background:var(--accent-red)}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#111827e0;border-top:1px solid #ffffff0d;justify-content:space-around;width:100%;max-width:480px;padding:10px 8px 22px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--hint-color);cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:60px;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.nav-item.active{color:var(--accent-blue);text-shadow:0 0 10px #3b82f633}.nav-item.active:after{content:"";background:var(--accent-blue);width:24px;height:3px;box-shadow:0 0 10px var(--accent-blue);border-radius:9999px;position:absolute;top:-10px}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{background:#0f172a;border-top:1px solid #ffffff1a;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:80vh;padding:20px 20px 30px;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;display:flex;box-shadow:0 -10px 40px #00000080}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sheet-title{color:var(--text-color);font-size:18px;font-weight:700}.close-btn{width:32px;height:32px;color:var(--text-color);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.servers-list{flex-direction:column;gap:10px;max-height:55vh;padding-right:4px;display:flex;overflow-y:auto}.server-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.server-item:hover{background:#ffffff0d;border-color:#ffffff14}.server-item.active{background:#3b82f614;border-color:#3b82f64d}.server-item-left,.server-item-right{align-items:center;gap:12px;display:flex}.server-ping{color:var(--hint-color);font-size:12px;font-weight:600}.server-ping.good{color:var(--accent-green)}.server-ping.average{color:var(--accent-orange)}.server-ping.poor{color:var(--accent-red)}.premium-cards-scroll{scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.premium-card{scroll-snap-align:center;background:linear-gradient(135deg,#1e293bcc,#0f172acc);flex:0 0 85%;padding:24px;position:relative;overflow:hidden}.premium-card.pro{border-color:#f59e0b4d}.premium-card.pro:before{content:"";pointer-events:none;background:radial-gradient(circle,#f59e0b14 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.promo-badge{color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:9999px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:16px;right:16px}.premium-title{background:linear-gradient(90deg,#fbbf24,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:20px;font-weight:800}.premium-desc{color:var(--hint-color);margin-bottom:16px;font-size:13px}.premium-features{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.feature-item{align-items:center;gap:10px;font-size:13px;display:flex}.feature-icon{color:var(--accent-green);flex-shrink:0}.pricing-plans{flex-direction:column;gap:10px;display:flex}.plan-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.plan-item.active{background:#f59e0b14;border-color:#f59e0b66}.plan-left{align-items:center;gap:12px;display:flex}.radio-circle{border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.plan-item.active .radio-circle{border-color:var(--accent-orange)}.plan-item.active .radio-circle:after{content:"";background:var(--accent-orange);border-radius:50%;width:10px;height:10px}.plan-name{font-size:14px;font-weight:600}.plan-save{color:var(--accent-green);background:#10b98126;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.plan-price{align-items:center;gap:4px;font-size:15px;font-weight:700;display:flex}.star-icon{color:#f59e0b}.buy-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f59e0b,#d97706);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #f59e0b4d}.buy-button:active{transform:scale(.98);box-shadow:0 2px 8px #f59e0b33}.ref-box{flex-direction:column;gap:12px;padding:18px;display:flex}.ref-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.ref-stat-box{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:12px}.ref-stat-num{color:var(--accent-blue);margin-bottom:2px;font-size:20px;font-weight:800}.ref-stat-txt{color:var(--hint-color);text-transform:uppercase;font-size:11px}.share-link-wrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex}.share-link-text{color:var(--hint-color);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.copy-btn{color:var(--accent-blue);cursor:pointer;background:#3b82f626;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.copy-btn:active{background:#3b82f64d}.section-title{color:var(--text-color);align-items:center;gap:8px;margin-top:10px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.quest-item{justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.quest-info{align-items:center;gap:12px;display:flex}.quest-icon{width:36px;height:36px;color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;justify-content:center;align-items:center;display:flex}.quest-text-title{font-size:13px;font-weight:600}.quest-reward{color:var(--accent-green);font-size:11px;font-weight:700}.quest-btn{color:var(--text-color);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.quest-btn.claimable{color:var(--accent-green);background:#10b98126;border-color:#10b9814d}.quest-btn.completed{color:var(--hint-color);cursor:default;background:0 0;border-color:#0000}.settings-group{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:1px;margin-bottom:16px;display:flex;overflow:hidden}.settings-item{cursor:pointer;background:#0b0f17;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .2s;display:flex}.settings-item:active{background:#ffffff05}.settings-left{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.settings-icon{color:var(--hint-color);width:20px;height:20px}.settings-value{color:var(--hint-color);font-size:13px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff0d;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0000004d}input:checked+.slider{background-color:var(--accent-green)}input:checked+.slider:before{transform:translate(20px)}.toast-container{z-index:999;width:90%;max-width:400px;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#10b981f2;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slide-down-fade,.3s 2.7s forwards fade-out;display:flex;box-shadow:0 10px 25px #0000004d,0 0 15px #10b9814d}.toast.error{background:#ef4444f2;box-shadow:0 10px 25px #0000004d,0 0 15px #ef44444d}@keyframes slide-down-fade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{to{opacity:0;transform:translateY(-10px)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}