*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}:focus{outline:none}:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid oklch(72% .17 55/.6)}::-webkit-scrollbar{width:4px!important;height:4px!important}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:2px!important}::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}html,body,*{scrollbar-width:thin!important;scrollbar-color:#fff3 transparent!important}html,body,#root{height:100%;overflow:hidden}body{color:#fff;background-color:#0d0d0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow-x:hidden}body.modal-open{touch-action:none!important;width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.app{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.grid-background{opacity:.3;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.glow-effect{filter:blur(100px);pointer-events:none;background:oklch(72% .17 55/.1);border-radius:50%;width:400px;height:400px;position:absolute;top:25%;left:50%;transform:translate(-50%)}.content{z-index:10;flex-direction:column;flex:1;width:100%;max-width:400px;margin:0 auto;padding:clamp(16px,3vh,24px) clamp(28px,7vw,40px);display:flex;position:relative;overflow:hidden}.header{flex-shrink:0;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(8px,2vh,16px);padding-top:clamp(4px,1vh,8px);display:flex}.user-info{flex-direction:column;display:flex}.greeting-info{flex-direction:column;gap:2px;min-width:0;max-width:55%;margin-right:12px;display:flex}.greeting-text{color:#9ca3af;font-size:13px;font-weight:400}.greeting-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;overflow:hidden}.username{color:#fff;font-size:18px;font-weight:600}.status{align-items:center;gap:8px;margin-top:4px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background-color:#22c55e}.status-dot.offline{background-color:#6b7280}.status-text{color:#9ca3af;font-size:14px}.subscription-info{text-align:right}.subscription-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.subscription-date{color:#fff;font-size:18px;font-weight:600}.subscription-status{color:oklch(72% .17 55);font-size:12px;font-weight:500}.main-section{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.progress-container{flex-shrink:1;justify-content:center;width:clamp(180px,52vw,240px);height:clamp(180px,52vw,240px);display:flex;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:#ffffff1a;stroke-width:8px}.progress-bar{fill:none;stroke:url(#gradient);stroke-width:8px;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:565.48px;transition:stroke-dashoffset 1s ease-out}.progress-text{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.days-count{color:#fff;text-align:center;font-size:clamp(14px,3.5vh,22px);font-weight:700;line-height:1}.days-label{color:#9ca3af;font-size:clamp(11px,2vh,14px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:14px;flex-shrink:0;margin-bottom:clamp(8px,1.5vh,12px);padding:clamp(10px,1.5vh,14px) 14px}.traffic-info{justify-content:center;align-items:baseline;gap:6px;margin-top:clamp(16px,3vh,24px);display:flex}.traffic-value{color:#fff;font-size:15px;font-weight:500}.traffic-label{color:#6b7280;font-size:14px}.btn{cursor:pointer;white-space:nowrap;touch-action:manipulation;border:none;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:clamp(10px,1.8vh,14px);padding:clamp(14px,2.2vh,18px) 18px;font-size:clamp(14px,2vh,15px);font-weight:500;transition:all .2s;display:flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(90deg,oklch(72% .17 55),oklch(64% .17 55))}.btn-primary:hover{background:linear-gradient(90deg,oklch(64% .17 55),#dc2626)}.btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1a}.btn-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.btn-left svg{width:22px;height:22px}.btn-right{color:#fffc}.btn-badge{background:#ffffff1a;border-radius:8px;flex-shrink:0;margin-left:8px;padding:4px 12px;font-size:14px}.btn-badge.badge-trial{color:oklch(72% .17 55);background:oklch(72% .17 55/.2)}.trial-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.trial-emoji{font-size:40px;line-height:1}.trial-title{color:#fff;font-size:20px;font-weight:700}.trial-sub{color:#ffffff80;max-width:260px;font-size:13px;line-height:1.5}.trial-steps{flex-direction:column;gap:10px;display:flex}.trial-step{background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.trial-step-num{color:oklch(72% .17 55);background:oklch(72% .17 55/.3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.trial-step.done .trial-step-num{background:#22c55e;font-size:0}.trial-step.done .trial-step-num:after{content:"✓";color:#fff;font-size:12px}.trial-step-text{color:#fffc;font-size:14px}.trial-btn-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bottom-actions{flex-shrink:0;margin-top:0;padding-bottom:clamp(12px,2vh,20px)}.btn-grid{flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-small{justify-content:center;gap:10px;margin-bottom:0;padding:clamp(16px,2.5vh,20px) 18px}.btn-small svg{color:#9ca3af;width:22px;height:22px}.register-header{text-align:center;margin-bottom:clamp(24px,4vh,40px);padding-top:clamp(20px,4vh,40px)}.register-title{color:#fff;margin-bottom:8px;font-size:clamp(24px,4vh,32px);font-weight:700}.register-subtitle{color:#6b7280;font-size:14px}.register-form{flex-direction:column;flex:1;display:flex}.input-group{margin-bottom:20px}.input-label{color:#9ca3af;margin-bottom:8px;font-size:13px;display:block}.input-hint{color:#6b7280;font-weight:400}.input-wrapper{gap:10px;display:flex}.input-field{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:14px 16px;font-size:15px;transition:border-color .2s}.input-field::placeholder{color:#6b7280}.input-field:focus{border-color:oklch(72% .17 55)}.input-field-full{width:100%}.input-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex}.input-btn:active{transform:scale(.95)}.input-btn:hover{background:#ffffff1a}.input-btn svg{color:oklch(72% .17 55);width:20px;height:20px}.checkbox-group{margin-bottom:24px}.checkbox-item{cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.checkbox-item input[type=checkbox]{display:none}.checkbox-custom{background:#ffffff0d;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;margin-top:1px;transition:all .2s;display:flex}.checkbox-item input[type=checkbox]:checked+.checkbox-custom{background:oklch(72% .17 55);border-color:oklch(72% .17 55)}.checkbox-item input[type=checkbox]:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;margin-bottom:2px;transform:rotate(45deg)}.checkbox-text{color:#9ca3af;font-size:14px;line-height:1.5}.link-btn{color:oklch(72% .17 55);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.link-btn:hover{color:oklch(78% .14 55)}.btn-register{justify-content:center;margin-top:auto;margin-bottom:clamp(16px,3vh,24px)}.btn-register:disabled{opacity:.5;cursor:not-allowed}.sheet-overlay{opacity:0;visibility:hidden;z-index:100;touch-action:none;overscroll-behavior:contain;background:#0009;transition:all .3s;position:fixed;inset:0}.sheet-overlay.active{opacity:1;visibility:visible}.bottom-sheet{z-index:101;overscroll-behavior:contain;background:#1a1a1d;border-radius:20px 20px 0 0;flex-direction:column;max-height:75vh;transition:transform .3s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.bottom-sheet.active{transform:translateY(0)}.sheet-header{touch-action:none;overscroll-behavior:contain;border-bottom:1px solid #ffffff12;flex-direction:column;flex-shrink:0;align-items:center;padding:20px 24px 18px;display:flex}.sheet-title{color:#fff;text-align:center;font-size:16px;font-weight:600}.sheet-content{color:#d1d5db;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:20px;font-size:14px;line-height:1.7;overflow-y:auto}.sheet-content h3{color:#fff;margin-top:20px;margin-bottom:10px;font-size:15px;font-weight:600}.sheet-content h3:first-child{margin-top:0}.sheet-content p{margin-bottom:12px}.sheet-content ul{margin-bottom:12px;padding-left:20px}.sheet-content li{margin-bottom:6px}.sheet-footer{padding:12px 20px max(20px, env(safe-area-inset-bottom));background:#1a1a1d;border-top:1px solid #ffffff0d;flex-shrink:0}.sheet-close-btn{justify-content:center;margin:0}@media (height<=500px){.progress-container{width:120px;height:120px}.header{margin-bottom:6px}.username,.subscription-date{font-size:16px}}.loader-screen{z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.spinner{border:2.5px solid #ffffff14;border-top-color:oklch(72% .17 55);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{z-index:100;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 32px;display:none;position:fixed;inset:0}.error-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex}.error-icon.orange{background:oklch(72% .17 55/.1);border:1px solid oklch(72% .17 55/.2)}.error-icon.red{background:#ef44441a;border:1px solid #ef444433}.error-icon svg{width:32px;height:32px}.error-icon.orange svg{color:oklch(72% .17 55)}.error-icon.red svg{color:#ef4444}.error-title{color:#fff;margin-bottom:10px;font-size:22px;font-weight:700}.error-text{color:#6b7280;font-size:14px;line-height:1.7}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,oklch(72% .17 55),oklch(64% .17 55));border:none;border-radius:14px;min-width:200px;margin-top:28px;padding:14px 32px;font-size:15px;font-weight:500}.retry-btn:active{transform:scale(.98)}.plans-content{padding-bottom:0;overflow-y:auto}.plans-header{flex-shrink:0;align-items:center;margin-bottom:clamp(20px,3vh,28px);padding-top:clamp(4px,1vh,8px);display:flex}.plans-header-text{flex-direction:column;display:flex}.plans-title{color:#fff;font-size:20px;font-weight:700}.plans-subtitle{color:#6b7280;margin-top:2px;font-size:13px}.plans-list{flex-direction:column;flex:1;gap:10px;padding-bottom:12px;display:flex;overflow-y:auto}.plan-card{cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;align-items:stretch;min-height:88px;padding:0 18px;transition:border-color .25s,background .25s,transform .15s;display:flex;position:relative}.plan-card:active{transform:scale(.98)}.plan-card.selected{background:oklch(72% .17 55) 12px;border-color:oklch(72% .17 55/.6)}.plan-duration-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.plan-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.plan-badge.popular{color:oklch(72% .17 55);background:oklch(72% .17 55)1f;border:1px solid oklch(72% .17 55/.2)}.plan-body{flex:1;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;padding-bottom:18px;padding-right:40px;display:flex}.plan-left{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.plan-duration{color:#fff;font-size:16px;font-weight:700}.plan-desc{color:#6b7280;font-size:12px;line-height:1.4}.plan-total{color:#6b7280;margin-top:2px;font-size:11px}.plan-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.plan-price-old{color:#6b7280;font-size:12px;text-decoration:line-through}.plan-price-row{align-items:baseline;gap:1px;display:flex}.plan-price-value{color:#fff;font-size:22px;font-weight:700;line-height:1}.plan-price-period{color:#9ca3af;margin-left:1px;font-size:13px;font-weight:400}.plan-check{opacity:0;border:1.5px solid oklch(72% .17 55)66;background:oklch(72% .17 55/.15);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.plan-check svg{color:oklch(72% .17 55);width:14px;height:14px}.plan-check.visible{opacity:1}.plan-badge.savings{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e33}.plan-radio-dot{background:0 0;border-radius:50%;width:10px;height:10px;transition:background .3s}.plan-card.selected .plan-radio-dot{background:oklch(72% .17 55)}.skeleton-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:16px 18px}.skeleton-tabs-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.skeleton-tab-item{background:#ffffff0f;border-radius:9px;flex:1;height:32px;animation:1.5s ease-in-out infinite shimmer}.plan-card.skeleton{pointer-events:none;min-height:88px;padding:18px}.skeleton-line{background:#ffffff0f;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}.skeleton-title{width:100px;height:16px;margin-bottom:8px}.skeleton-price{width:80px;height:14px;margin-bottom:6px}.skeleton-desc{width:140px;height:12px}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.plans-error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 0;display:flex}.plans-error-icon{background:#ef44441a;border:1px solid #ef444433;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.plans-error-icon svg{color:#ef4444;width:26px;height:26px}.plans-error-text{color:#6b7280;font-size:14px}.plans-retry-btn{justify-content:center;width:auto;min-width:180px}.plans-footer{padding:clamp(12px,2vh,16px) 0;padding-bottom:max(clamp(28px, 4vh, 36px), calc(env(safe-area-inset-bottom) + 16px));flex-shrink:0}.plans-buy-btn{justify-content:center;margin-bottom:0}.plans-buy-btn:disabled{opacity:.5;cursor:not-allowed}.payment-methods{flex-direction:column;gap:8px;display:flex}.payment-method-btn{cursor:pointer;text-align:left;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:68px;padding:14px 16px;transition:all .2s;display:flex}.payment-method-btn:active{transform:scale(.98)}.payment-method-btn.loading{opacity:.6;pointer-events:none}.payment-method-icon{background:oklch(72% .17 55/.1);border:1px solid oklch(72% .17 55/.15);border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.payment-method-icon svg{color:oklch(72% .17 55);width:22px;height:22px}.payment-method-icon.sbp{background:#3b82f61a;border-color:#3b82f626}.payment-method-icon.sbp svg{color:#3b82f6}.payment-method-icon.telegram{background:#22c55e1a;border-color:#22c55e26}.payment-method-icon.telegram svg{color:#22c55e}.payment-method-info{flex-direction:column;flex:1;gap:2px;display:flex}.payment-method-name{color:#fff;font-size:15px;font-weight:500}.payment-method-desc{color:#6b7280;font-size:12px}.payment-method-arrow{color:#6b7280;flex-shrink:0;width:18px;height:18px}.payment-method-spinner{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.pay-spinner{border-width:2px;border-color:#fff #ffffff4d #ffffff4d;width:18px;height:18px}.inline-error{color:#f87171;text-align:center;background:#ef444414;border:1px solid #ef444440;border-radius:12px;margin-bottom:12px;padding:12px 16px;font-size:13px;display:none}.inline-error.visible{display:block}.profile-content{overflow:hidden}.profile-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-bottom:20px;padding:16px 18px;transition:background .15s}.profile-card:active{background:#ffffff12}.profile-card-top{justify-content:space-between;align-items:center;display:flex}.profile-card-name{color:#fff;font-size:18px;font-weight:600}.profile-card-id{color:#6b7280;margin-top:2px;font-size:12px}.profile-card-copy-icon{color:#6b7280;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.profile-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.profile-tab{color:#6b7280;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 4px;font-size:13px;font-weight:500;transition:all .18s}.profile-tab.active{color:#fff;background:oklch(72% .17 55)2\65 }.tab-content{flex:1;overflow-y:auto}.section{margin-bottom:20px}.section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-left:4px;font-size:13px;font-weight:600}.section-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.vpn-key-actions{flex-direction:column;gap:12px;padding:16px;display:flex}.action-btn{cursor:pointer;color:#fff;text-align:left;touch-action:manipulation;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.action-btn:active{transform:scale(.98)}.action-btn svg{color:oklch(72% .17 55);flex-shrink:0;width:20px;height:20px}.action-btn .arrow{color:#6b7280;flex-shrink:0;width:20px;height:20px;margin-left:auto}.action-btn.primary{background:linear-gradient(90deg,oklch(72% .17 55),oklch(64% .17 55));border:none}.action-btn.primary svg{color:#fff}.action-btn.primary .arrow{color:#ffffffb3}.action-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.qr-toggle-btn{cursor:pointer;color:#9ca3af;touch-action:manipulation;background:0 0;border:1px dashed #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:13px;transition:all .2s;display:flex}.qr-toggle-btn:active{background:#ffffff08}.qr-toggle-btn svg{width:18px;height:18px}.qr-container{background:#ffffff05;border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.qr-code-wrap{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:fit-content;height:fit-content;padding:12px;display:flex}.qr-hint{color:#6b7280;text-align:center;font-size:12px}.traffic-text{color:#6b7280;padding:0 16px 14px;font-size:12px}.devices-limit{color:#6b7280;font-size:12px;font-weight:400}.delete-all-btn{color:#ef4444;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:flex}.delete-all-btn:active{background:#ef44441a}.delete-all-btn svg{width:14px;height:14px}.device-list{max-height:220px;overflow-y:auto}.devices-empty{text-align:center;color:#6b7280;padding:24px 16px;font-size:13px}.device-item{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:13px 16px;display:flex}.device-item:last-child{border-bottom:none}.device-icon{background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.device-icon svg{color:#9ca3af;width:18px;height:18px}.device-info{flex:1;min-width:0}.device-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.device-meta{color:#6b7280;margin-top:2px;font-size:11px}.device-delete-btn{cursor:pointer;touch-action:manipulation;background:#ef444414;border:1px solid #ef444426;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.device-delete-btn:active{background:#ef444433}.device-delete-btn svg{color:#ef4444;width:14px;height:14px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.stat-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.stat-card-label{color:#6b7280;font-size:12px}.stat-card-value{color:#fff;font-size:22px;font-weight:700;line-height:1}.stat-card-value span{color:#6b7280;font-size:14px;font-weight:500}.stat-card.accent{background:oklch(72% .17 55/.08);border-color:oklch(72% .17 55/.2)}.stat-card.accent .stat-card-value{color:oklch(72% .17 55)}.referral-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:12px;padding:14px}.referral-label{color:#6b7280;margin-bottom:8px;font-size:12px;display:block}.referral-row{align-items:center;gap:10px;display:flex}.referral-link{color:oklch(72% .17 55);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.copy-btn{cursor:pointer;touch-action:manipulation;background:oklch(72% .17 55/.1);border:1px solid oklch(72% .17 55/.2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.copy-btn:active{transform:scale(.95)}.copy-btn svg{color:oklch(72% .17 55);width:18px;height:18px}.payment-list{max-height:220px;overflow-y:auto}.payment-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.payment-item:last-child{border-bottom:none}.payment-info{flex-direction:column;gap:4px;display:flex}.payment-name{color:#fff;font-size:14px;font-weight:500}.payment-date{color:#6b7280;font-size:12px}.payment-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.payment-amount{color:#fff;font-size:14px;font-weight:600}.payment-status{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.payment-status.success{color:#22c55e;background:#22c55e1a}.payment-status.pending{color:#eab308;background:#eab3081a}.payment-status.failed{color:#ef4444;background:#ef44441a}.empty-payments{text-align:center;padding:32px 16px}.empty-payments-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.empty-payments-icon svg{color:#6b7280;width:24px;height:24px}.empty-payments-text{color:#6b7280;font-size:13px}.withdrawal-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.withdrawal-item:last-child{border-bottom:none}.withdrawal-info{flex-direction:column;gap:2px;display:flex}.withdrawal-amount{color:#fff;font-size:14px;font-weight:600}.withdrawal-addr{color:#9ca3af;font-family:monospace;font-size:11px}.withdrawal-date{color:#6b7280;font-size:11px}.withdrawal-right{align-items:center;gap:8px;display:flex}.wd-cancel-btn{color:#ef4444;cursor:pointer;touch-action:manipulation;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wd-cancel-btn:active{background:#ef444440}.wd-cancel-btn svg{width:14px;height:14px}.document-btn{cursor:pointer;text-align:left;color:#fff;touch-action:manipulation;background:0 0;border:none;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;width:100%;padding:10px 16px;transition:background .2s;display:flex}.document-btn:last-child{border-bottom:none}.document-btn:active{background:#ffffff0d}.document-btn svg{color:#9ca3af;flex-shrink:0;width:20px;height:20px}.document-btn span{color:#fff;flex:1;font-size:14px}.document-btn .arrow{color:#6b7280;flex-shrink:0;width:20px;height:20px;margin-left:auto}.username-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:14px 16px;font-size:16px;transition:all .2s}.username-input:focus{background:#ffffff14;border-color:oklch(72% .17 55)}.username-input.error{border-color:#ef4444}.username-input.success{border-color:#22c55e}.username-hint{color:#6b7280;margin-top:6px;padding-left:4px;font-size:12px;display:block}.username-hint.error{color:#ef4444}.username-hint.success{color:#22c55e}.setup-header{flex-shrink:0;align-items:center;gap:12px;margin-bottom:clamp(20px,3.5vh,28px);padding-top:clamp(4px,1vh,8px);display:flex}.header-left{flex-direction:column;flex:1;display:flex}.setup-title{color:#fff;font-size:20px;font-weight:700}.setup-subtitle{color:#6b7280;margin-top:2px;font-size:13px}.change-device-btn{cursor:pointer;touch-action:manipulation;color:#9ca3af;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.change-device-btn:active{background:#ffffff17;transform:scale(.96)}.change-device-btn svg{color:oklch(72% .17 55);width:14px;height:14px}.change-device-icon{color:oklch(72% .17 55);flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.change-device-icon svg{width:14px;height:14px}.change-device-os{color:#fff}.loading-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:none}.loading-screen.active{display:flex}.loading-text{color:#6b7280;font-size:14px}.setup-error-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 0;display:none}.setup-error-screen.active{display:flex}.setup-error-icon{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.setup-error-icon svg{width:26px;height:26px}.step-dots{flex-shrink:0;justify-content:center;gap:6px;margin-bottom:clamp(16px,3vh,28px);display:flex}.step-dot{cursor:pointer;background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .25s}.step-dot.active{background:oklch(72% .17 55);border-radius:4px;width:24px}.step-dot.done{background:oklch(72% .17 55) 73px}.step-card{flex-direction:column;flex:1;min-height:0;display:flex}.step-card-num{color:#fff;background:linear-gradient(135deg,oklch(72% .17 55),oklch(64% .17 55));border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:24px;font-weight:700;display:flex;box-shadow:0 8px 24px oklch(72% .17 55/.3)}.step-card-title{color:#fff;flex-shrink:0;margin-bottom:10px;font-size:20px;font-weight:700;line-height:1.3}.step-card-desc{color:#9ca3af;flex-shrink:0;margin-bottom:20px;font-size:14px;line-height:1.65}.step-actions{flex-direction:column;gap:10px;display:flex}.step-pager-nav{flex-shrink:0;gap:10px;padding-top:16px;display:flex}.step-nav-btn{cursor:pointer;touch-action:manipulation;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 12px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.step-nav-btn svg{flex-shrink:0;width:18px;height:18px}.step-nav-btn.secondary{color:#9ca3af;background:#ffffff0f;border:1px solid #ffffff1a}.step-nav-btn.secondary:disabled{opacity:.25;cursor:not-allowed}.step-nav-btn.primary{color:#fff;background:linear-gradient(90deg,oklch(72% .17 55),oklch(64% .17 55));box-shadow:0 4px 16px oklch(72% .17 55/.3)}.step-nav-btn:not(:disabled):active{transform:scale(.97)}.no-sub-notice{color:#fca5a5;background:#ef444414;border:1px solid #ef444433;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5}.os-sheet{z-index:101;padding:8px 0 max(24px, calc(env(safe-area-inset-bottom) + 16px));background:#1a1a1d;border-radius:20px 20px 0 0;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.os-sheet.active{transform:translateY(0)}.sheet-handle{cursor:grab;touch-action:none;background:#fff3;border-radius:2px;width:40px;height:4px;margin:14px auto 16px}.os-sheet .sheet-title{margin-bottom:14px;padding:0 20px}.os-list{flex-direction:column;gap:8px;padding:0 20px;display:flex}.os-item{cursor:pointer;touch-action:manipulation;text-align:left;color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:background .2s;display:flex}.os-item:active{background:#ffffff14;transform:scale(.98)}.os-item.selected{background:oklch(72% .17 55/.08);border-color:oklch(72% .17 55/.25)}.os-item-icon{color:#9ca3af;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.os-item.selected .os-item-icon{color:oklch(72% .17 55);background:oklch(72% .17 55/.1);border-color:oklch(72% .17 55/.15)}.os-item-icon svg{width:22px;height:22px}.os-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.os-item-name{color:#fff;font-size:15px;font-weight:500}.os-item-desc{color:#6b7280;font-size:12px}.os-item-arrow{color:#6b7280;flex-shrink:0;width:18px;height:18px}.copy-toast{color:#fff;opacity:0;z-index:200;white-space:nowrap;pointer-events:none;background:#1e1e23f2;border:1px solid #ffffff1a;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px)}.copy-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.setup-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;padding:20px 0;display:flex}.setup-done-icon{background:linear-gradient(135deg,oklch(72% .17 55),oklch(64% .17 55));border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;box-shadow:0 8px 32px oklch(72% .17 55/.35)}.setup-done-icon svg{color:#fff;width:36px;height:36px}.setup-done-title{color:#fff;margin-bottom:10px;font-size:24px;font-weight:700}.setup-done-sub{color:#6b7280;max-width:260px;margin-bottom:32px;font-size:14px;line-height:1.6}.setup-done-btn{justify-content:center;margin:0}.referral-bonus-badge{color:oklch(72% .17 55);white-space:nowrap;background:oklch(72% .17 55/.12);border:1px solid oklch(72% .17 55/.25);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.sub-tab{flex-direction:column;flex:1;min-height:0;display:flex}.vpn-action-grid{padding:10px 0 max(20px,env(safe-area-inset-bottom));flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.vpn-action-card{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:14px 16px;transition:opacity .15s,transform .15s;display:flex}.vpn-action-card:disabled{opacity:.35;cursor:not-allowed}.vpn-action-card:not(:disabled):active{opacity:.7;transform:scale(.97)}.vpn-action-card svg{color:oklch(72% .17 55);stroke:oklch(72% .17 55);flex-shrink:0;width:16px;height:16px}.vpn-action-label{color:#e5e7eb;white-space:nowrap;font-size:13px;font-weight:500}.list-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.list-empty-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.list-empty-icon svg{color:#6b7280;width:24px;height:24px}.list-empty-text{color:#6b7280;font-size:13px}