:root{--bg: #0a0b1e;--bg2: #0f1228;--card: #141735;--card2: #1a1e42;--border: rgba(99,102,241,.18);--accent: #6366f1;--accent-dark: #4f46e5;--accent2: #a78bfa;--gold: #f59e0b;--green: #22c55e;--red: #ef4444;--cyan: #06b6d4;--pink: #ec4899;--orange: #f59e0b;--text: #e8eaf6;--text2: #a1a6c4;--hint: #6b6e8f;--glow-accent: 0 0 24px rgba(99,102,241,.45);--glow-green: 0 0 20px rgba(34,197,94,.4);--glow-gold: 0 0 20px rgba(245,158,11,.35);--cyber-bg: var(--bg);--cyber-bg2: var(--bg2);--cyber-card: var(--card);--cyber-border: var(--border);--cyber-glow: rgba(99,102,241,.4);--glass-bg: var(--card);--glass-bg2: var(--card2);--glass-border: var(--border);--glass-shadow: 0 8px 32px rgba(0,0,0,.5), 0 0 0 1px rgba(99,102,241,.06);--glass-blur: blur(20px);--glass-blur-sm: blur(12px);--radius: 16px;--radius-sm: 10px;--radius-lg: 20px;--transition: .22s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,sans-serif;color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-color:var(--bg);background-image:radial-gradient(ellipse at 15% 10%,rgba(99,102,241,.15) 0%,transparent 55%),radial-gradient(ellipse at 90% 30%,rgba(167,139,250,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 95%,rgba(6,182,212,.1) 0%,transparent 55%),linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,36px 36px,36px 36px;background-attachment:fixed;min-height:100dvh}#root{height:100%}.app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative;padding-top:var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px))}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:max(80px,calc(60px + env(safe-area-inset-bottom,0px)));scroll-behavior:smooth;overscroll-behavior-y:contain}.screen{padding:16px 16px 8px;min-height:100%;padding-top:max(16px,calc(var(--tg-content-safe-area-inset-top, 0px) + 8px))}.glass{background:var(--card);border:1px solid var(--border)}.glass-sm{background:var(--card2);border:1px solid var(--border)}h1{font-size:30px;font-weight:800;letter-spacing:-.6px;color:var(--text)}h2{font-size:22px;font-weight:700;letter-spacing:-.3px}h3{font-size:17px;font-weight:600}.text-hint{color:var(--hint);font-size:13px}.text-green{color:var(--green)}.text-muted{color:var(--text2)}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--hint);margin:20px 0 8px}button,a.btn{cursor:pointer;border:none;border-radius:var(--radius);font-family:inherit;font-size:15px;font-weight:600;padding:13px 20px;transition:transform var(--transition),opacity var(--transition),box-shadow var(--transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;-webkit-user-select:none;user-select:none;letter-spacing:-.1px}button:active,a.btn:active{transform:scale(.96);opacity:.88}button:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 20px #6366f166,0 0 0 1px #ffffff0d inset}.btn-primary:hover{box-shadow:0 6px 28px #6366f18c}.btn-secondary{background:var(--card);border:1px solid var(--border);color:var(--text)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-success{background:linear-gradient(135deg,var(--green),#16a34a);color:#fff}.btn-large{width:100%;padding:15px;font-size:16px;margin-top:8px;border-radius:50px}.btn-sm{padding:8px 14px;font-size:13px;border-radius:var(--radius-sm)}.btn-link{background:none;color:var(--accent);padding:8px 0;font-size:14px;font-weight:500;box-shadow:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.w-full{width:100%}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#120a0af7;border-top:1px solid rgba(255,255,255,.08);padding:8px 4px max(10px,env(safe-area-inset-bottom));z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:4px 2px;color:var(--hint);border-radius:0;transition:color var(--transition);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tab-item.active{color:var(--accent)}.tab-item.active .tab-icon{background:#6366f11f;border-radius:10px;padding:3px 10px}.tab-icon{font-size:22px;line-height:1;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.tab-label{font-size:10px;font-weight:500}.screen-header{margin-bottom:16px;padding-top:4px}.screen-desc{color:var(--text2);font-size:14px;margin-top:3px}.back-btn{background:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--accent);font-size:15px;padding:8px 0;margin-bottom:4px}.onboarding-screen{min-height:100dvh;padding:20px 20px max(36px,env(safe-area-inset-bottom,36px));padding-top:max(20px,calc(var(--tg-content-safe-area-inset-top, 0px) + 12px));display:flex;flex-direction:column;overscroll-behavior-y:contain}.onboarding-progress{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.progress-dot{height:4px;border-radius:2px;background:#6366f133;transition:all .35s cubic-bezier(.4,0,.2,1);width:20px}.progress-dot.active{background:var(--accent);width:36px}.onboarding-step{display:flex;flex-direction:column;flex:1}.onboarding-hero{text-align:center;padding:20px 0 16px}.hero-logo{font-size:72px;margin-bottom:16px;display:block;filter:drop-shadow(0 8px 24px rgba(99,102,241,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-title{font-size:34px;font-weight:900;color:var(--accent);margin-bottom:8px;letter-spacing:-.8px}.hero-subtitle{color:var(--text2);font-size:16px;line-height:1.6}.onboarding-perks{display:flex;flex-direction:column;gap:10px;margin:16px 0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--glass-shadow)}.perk{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text)}.perk span:first-child{font-size:20px;min-width:28px;text-align:center}.onboarding-hint{text-align:center;color:var(--hint);font-size:12px;margin-top:6px}.step-header{margin-bottom:18px}.step-num{display:inline-block;background:#6366f11a;color:var(--accent);font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:6px}.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.device-btn{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:2px solid var(--glass-border);border-radius:var(--radius);padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);box-shadow:var(--glass-shadow);transition:all var(--transition)}.device-btn:active{border-color:var(--accent);transform:scale(.96)}.device-icon{font-size:34px}.guide-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.guide-step{display:flex;align-items:flex-start;gap:12px}.guide-num{min-width:28px;height:28px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;box-shadow:0 3px 10px #6366f14d;flex-shrink:0}.guide-text{padding-top:4px;font-size:15px;color:var(--text)}.check-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}.check-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--hint)}.check-success,.check-fail{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.check-icon{font-size:52px}.dot-online{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-active{background:#ffffffe6;box-shadow:0 0 0 3px #ffffff4d;animation:pulse 2s infinite}.dot-inactive{background:var(--hint)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #ffffff4d}50%{box-shadow:0 0 0 6px #ffffff1a}}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-top:4px}.dash-brand{display:flex;align-items:center;gap:8px}.dash-brand-icon{font-size:24px}.dash-brand-name{font-size:20px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-user-badge{font-size:11px;font-weight:700;color:#fff;padding:4px 12px;border-radius:20px;background:var(--badge-color, #6b7280);box-shadow:0 2px 12px #0000004d}.dashboard-header{margin-bottom:14px;padding-top:4px}.logo-row{display:flex;align-items:center;gap:10px}.logo-icon{font-size:26px}.logo-text{font-size:20px;font-weight:800;flex:1;letter-spacing:-.4px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-badge{font-size:11px;font-weight:700;color:#fff;padding:4px 10px;border-radius:20px;box-shadow:0 2px 8px #0003}.conn-orb-wrap{display:flex;flex-direction:column;align-items:center;padding:20px 0 16px;gap:16px}.conn-orb{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.conn-orb-inner{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);width:120px;height:120px;border-radius:50%;border:2px solid var(--glass-border);box-shadow:var(--glass-shadow);justify-content:center}.conn-orb-icon{font-size:36px;line-height:1}.conn-orb-status{font-size:12px;font-weight:700;color:var(--text)}.conn-orb-plan{font-size:10px;color:var(--text2)}.conn-orb-ring{position:absolute;border-radius:50%;border:1.5px solid;opacity:0}.orb-active .conn-orb-inner{border-color:#22c55e80;box-shadow:0 0 40px #22c55e4d,0 0 0 1px #22c55e33}.orb-active .conn-orb-ring{border-color:#22c55e66;animation:orb-ring 2.5s ease-out infinite}.orb-active .ring-1{width:136px;height:136px;animation-delay:0s}.orb-active .ring-2{width:152px;height:152px;animation-delay:.8s}.orb-active .ring-3{width:168px;height:168px;animation-delay:1.6s}.orb-inactive .conn-orb-ring{border-color:#6b72804d}@keyframes orb-ring{0%{transform:scale(.85);opacity:0}40%{opacity:.7}to{transform:scale(1.1);opacity:0}}.conn-orb-days{display:flex;flex-direction:column;align-items:center;gap:2px}.conn-orb-days-num{font-size:36px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.conn-orb-days-label{font-size:12px;color:var(--text2)}.stats-row{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.stats-row::-webkit-scrollbar{display:none}.stat-pill{display:flex;align-items:center;gap:8px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:14px;padding:8px 14px;white-space:nowrap;flex-shrink:0;box-shadow:var(--glass-shadow)}.stat-pill-accent{border-color:#6366f159}.stat-pill-icon{font-size:18px}.stat-pill-val{font-size:14px;font-weight:700;color:var(--text)}.stat-pill-label{font-size:10px;color:var(--text2)}.no-sub-block{text-align:center;padding:8px 0 16px}.no-sub-text{color:var(--text2);font-size:15px;margin-bottom:14px}.traffic-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:var(--glass-shadow)}.traffic-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.traffic-card-title{font-size:14px;font-weight:700}.traffic-card-used{font-size:13px;color:var(--text2)}.traffic-bar-track{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.traffic-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),#22c55e);transition:width .5s ease}.traffic-warning{font-size:12px;color:#f59e0b;margin-top:8px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.quick-card{display:flex;align-items:center;gap:10px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;font-size:14px;font-weight:600;color:var(--text);box-shadow:var(--glass-shadow);text-align:left;transition:all var(--transition)}.quick-card:active{transform:scale(.97);border-color:#6366f166}.quick-card-icon{font-size:22px}.quick-card-label{flex:1}.quick-card-arrow{color:var(--hint);font-size:18px;font-weight:300}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.quick-btn{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text);box-shadow:0 2px 10px #0000000d;transition:all var(--transition)}.quick-btn span:first-child{font-size:24px}.quick-btn:active{transform:scale(.94);box-shadow:0 4px 16px #6366f126}.upgrade-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f59e0b1a,#ef444414);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius);padding:14px 16px;margin:8px 0}.upgrade-card-left{flex:1}.upgrade-card-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:3px}.upgrade-card-desc{font-size:12px;color:var(--text2);margin-bottom:4px}.upgrade-card-price{font-size:14px;font-weight:800;color:#f59e0b}.btn-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;box-shadow:0 4px 16px #f59e0b4d}.referral-card{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#6366f11a,#8b5cf614);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius);padding:14px;cursor:pointer;transition:all var(--transition);margin-bottom:8px}.referral-card:active{transform:scale(.98)}.referral-card-icon{font-size:28px}.referral-card-info{flex:1}.referral-card-title{font-size:15px;font-weight:700;color:var(--text)}.referral-card-desc{font-size:12px;color:var(--text2);margin-top:2px}.referral-card-arrow{color:var(--hint);font-size:20px}.server-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.server-pills::-webkit-scrollbar{display:none}.server-pill{display:flex;align-items:center;gap:6px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:6px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.server-pill.pill-online{border-color:#22c55e4d}.server-pill.pill-offline{opacity:.5}.server-pill-name{font-weight:600;color:var(--text)}.server-pill-ping{color:var(--hint);font-size:11px}.sla-block{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.2);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:var(--radius);padding:12px 14px;margin:6px 0}.sla-icon{font-size:26px}.sla-title{font-weight:700;font-size:14px;color:var(--accent)}.sla-desc{color:var(--text2);font-size:12px;margin-top:1px}.server-status-list{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--glass-shadow);margin-bottom:8px}.server-status-row{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;font-size:14px;border-bottom:1px solid var(--glass-border)}.server-status-row:last-of-type{border-bottom:none}.server-status-right{display:flex;align-items:center;gap:8px}.upgrade-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:var(--radius);padding:14px 16px;margin-top:8px;box-shadow:0 6px 20px #f59e0b4d}.upgrade-banner p{font-size:13px;opacity:.9;margin-top:2px}.servers-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.server-card{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:2px solid var(--glass-border);border-radius:var(--radius);padding:12px 14px;width:100%;text-align:left;color:var(--text);transition:all var(--transition);box-shadow:0 2px 10px #0000000d}.server-card.selected{border-color:var(--accent);background:#6366f114;box-shadow:0 4px 20px #6366f133}.server-flag{font-size:28px;min-width:36px;text-align:center}.server-info{flex:1}.server-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.server-city{color:var(--hint);font-size:12px;margin-top:1px}.badge-recommended{background:linear-gradient(135deg,var(--green),#16a34a);color:#fff;font-size:9px;padding:2px 7px;border-radius:10px;font-weight:800;box-shadow:0 2px 6px #22c55e4d}.server-stats{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.server-ping{font-size:13px;font-weight:700;color:var(--text)}.server-load-bar{width:52px;height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.server-load-fill{height:100%;border-radius:2px;transition:width .5s}.server-load-text{font-size:10px;font-weight:700}.server-check{color:var(--accent);font-size:20px;font-weight:900;margin-left:4px}.server-unavailable{opacity:.52;cursor:not-allowed}.server-unavailable:active{transform:none!important}.badge-locked{background:#6366f11f;color:var(--accent);font-size:9px;padding:2px 7px;border-radius:10px;font-weight:800}.smart-routing-block{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;margin-bottom:16px;box-shadow:var(--glass-shadow)}.smart-routing-header{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}.badge-pro{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:800}.smart-routing-desc{color:var(--text2);font-size:13px;margin-bottom:10px}.smart-routing-toggle{display:flex;justify-content:space-between;align-items:center;font-size:14px}.smart-routing-toggle.disabled{opacity:.5}.toggle{width:46px;height:26px;background:#d1d5db;border-radius:13px;padding:3px}.info-banner{background:#6366f114;border:1px solid rgba(99,102,241,.2);color:var(--accent);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;margin-bottom:12px}.tab-switcher{display:flex;background:var(--glass-bg2);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:4px;margin-bottom:16px;gap:3px}.tab-switch-btn{flex:1;background:transparent;border:none;padding:8px 6px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--hint);transition:all var(--transition);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tab-switch-btn.active{background:var(--glass-bg);color:var(--text);box-shadow:0 2px 10px #0000001a;border:1px solid var(--glass-border)}.config-panel{display:flex;flex-direction:column;gap:12px}.qr-wrapper{display:flex;justify-content:center;padding:24px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.8)}.qr-wrapper.large{padding:28px}.config-link-box{background:var(--glass-bg2);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px;overflow:hidden}.config-link-text{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:11px;word-break:break-all;color:var(--hint);white-space:pre-wrap}.config-hint{color:var(--hint);font-size:13px;text-align:center;line-height:1.5}.sub-info-block{text-align:center;padding:20px;background:linear-gradient(135deg,#6366f10f,#8b5cf60f);border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-lg)}.sub-icon{font-size:40px;margin-bottom:8px}.sub-info-block p{color:var(--text2);font-size:13px;margin-top:6px}.protocol-info{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;margin-top:8px}.protocol-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--glass-border)}.protocol-row:last-child{border-bottom:none}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:52px 16px;color:var(--hint)}.empty-icon{font-size:52px;opacity:.6}.billing-toggle{display:flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:12px}.billing-option{flex:1;padding:8px 12px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text2);transition:all var(--transition)}.billing-option.active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 4px 16px #6366f173}.billing-save{display:inline-block;background:#22c55e2e;color:var(--green);border-radius:8px;padding:1px 6px;font-size:12px;margin-left:4px;font-weight:700}.billing-option.active .billing-save{background:#fff3;color:#fff}.billing-info{background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--green);margin-bottom:12px}.smart-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:12px}.smart-toggle-label{font-size:13px;font-weight:600;color:var(--text)}.switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#6366f133;transition:.25s;border-radius:26px;border:1px solid var(--border)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:#fff;transition:.25s;border-radius:50%;box-shadow:0 2px 6px #0000004d}.switch input:checked+.slider{background:linear-gradient(135deg,var(--accent),var(--accent2))}.switch input:checked+.slider:before{transform:translate(20px)}.modal-plan-monthly{font-size:12px;color:var(--hint);margin-top:4px}.plans-list{display:flex;flex-direction:column;gap:12px}.plan-card{background:#0f1432bf;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:18px;position:relative;overflow:hidden;box-shadow:var(--glass-shadow);transition:all var(--transition)}.plan-card.highlight{border-color:var(--accent);background:#6366f114;box-shadow:0 0 30px #6366f140}.plan-card.current{border-color:var(--green);background:#22c55e0d}.plan-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:10px;font-weight:800;padding:3px 10px;border-radius:12px;box-shadow:0 3px 10px #6366f14d}.current-badge{background:linear-gradient(135deg,var(--green),#16a34a)!important}.plan-header{margin-bottom:14px}.plan-name{font-size:20px;font-weight:800;margin-bottom:4px}.price-free{font-size:22px;font-weight:800;color:var(--green)}.price-amount{font-size:26px;font-weight:900;color:var(--text)}.price-period{font-size:14px;color:var(--hint)}.plan-stars{color:var(--hint);font-size:13px;margin-top:2px}.price-monthly-note{font-size:12px;color:var(--hint);margin-top:2px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.plan-features li{font-size:14px;display:flex;align-items:center;gap:7px;color:var(--text)}.feature-check{color:var(--green);font-weight:900;font-size:15px}.guarantee-block{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;box-shadow:var(--glass-shadow);margin:12px 0}.guarantee-icon{font-size:30px}.guarantee-block p{color:var(--text2);font-size:13px;margin-top:2px}.payment-methods{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;margin-top:8px}.payment-title{font-weight:700;margin-bottom:8px;font-size:15px}.payment-icons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.payment-chip{background:#6366f114;border:1px solid rgba(99,102,241,.15);color:var(--accent);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.payment-hint{color:var(--hint);font-size:12px}.btn-stars{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;cursor:pointer;border-radius:var(--radius-sm);padding:12px;font-size:15px;font-weight:700;margin-top:8px;box-shadow:0 4px 16px #f59e0b4d;transition:all var(--transition)}.btn-stars:disabled{opacity:.5}.devices-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.device-card{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:12px 14px;box-shadow:0 2px 10px #0000000a}.device-card-icon{font-size:28px;min-width:36px;text-align:center}.device-card-info{flex:1}.device-card-name{font-size:15px;font-weight:600}.device-card-meta{color:var(--hint);font-size:12px;margin-top:2px}.device-remove-btn{background:#ef444414;border:1px solid rgba(239,68,68,.15);font-size:16px;padding:6px 8px;border-radius:var(--radius-sm);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.new-device-block{background:#22c55e14;border:1.5px solid rgba(34,197,94,.3);border-radius:var(--radius);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px;backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm)}.new-device-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--green)}.close-btn{background:none;border:none;font-size:16px;color:var(--hint);padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.add-device-form{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:10px;margin-bottom:8px;box-shadow:var(--glass-shadow)}.input-field{background:var(--glass-bg2);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1.5px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;color:var(--text);font-family:inherit;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color var(--transition)}.input-field:focus{border-color:var(--accent)}.form-actions{display:flex;gap:8px}.form-actions button{flex:1}.limit-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:var(--orange);border-radius:var(--radius);padding:12px 14px;font-size:14px;text-align:center}.diag-server-block{display:flex;justify-content:space-between;align-items:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:14px}.diag-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.diag-step{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:11px 14px;transition:all var(--transition)}.diag-step-idle{opacity:.45}.diag-step-running{border-color:var(--accent);box-shadow:0 0 0 3px #6366f114}.diag-step-done{border-color:#22c55e4d}.diag-step-icon{min-width:28px;display:flex;align-items:center;justify-content:center}.diag-num{width:24px;height:24px;border-radius:50%;background:#0000001a;color:var(--hint);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.diag-step-label{font-size:14px}.diag-result{border-radius:var(--radius-lg);padding:22px;text-align:center;margin-bottom:12px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.diag-result.ok{background:#22c55e14;border:1.5px solid rgba(34,197,94,.25)}.diag-result.fail{background:#ef444414;border:1.5px solid rgba(239,68,68,.2)}.result-icon{font-size:44px;margin-bottom:10px}.diag-result h3{margin-bottom:6px}.diag-result p{color:var(--text2);font-size:14px;margin-bottom:14px}.diag-tip{background:var(--glass-bg2);border-radius:var(--radius-sm);border:1px solid var(--glass-border);padding:10px;font-size:13px;text-align:left;margin-top:8px}.diag-running{display:flex;align-items:center;gap:12px;padding:16px;color:var(--hint)}.support-block{display:flex;align-items:center;gap:12px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;margin-top:16px;box-shadow:var(--glass-shadow)}.support-icon{font-size:30px}.support-block p{color:var(--text2);font-size:13px;margin-top:2px}.support-block>div{flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:200;padding:16px}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;width:100%;max-width:448px;margin:0 auto;box-shadow:0 -8px 40px #0006}.modal h3{margin-bottom:14px}.modal-plan-info{background:var(--glass-bg2);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:14px;margin-bottom:18px}.modal-plan-name{font-weight:700;font-size:16px}.modal-plan-price{font-size:22px;font-weight:900;margin-top:4px}.modal-stars{color:var(--hint);font-size:14px}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1}.modal-hint{color:var(--hint);font-size:12px;text-align:center;margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:34px;height:34px;border:3px solid rgba(99,102,241,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}.spinner-sm{width:18px;height:18px;border:2px solid rgba(99,102,241,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}a{color:var(--accent);text-decoration:none}.main-content::-webkit-scrollbar{width:0}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen{animation:screenIn .25s cubic-bezier(.4,0,.2,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.status-card{animation:cardIn .3s .05s cubic-bezier(.4,0,.2,1) both}.quick-actions{animation:cardIn .3s .1s cubic-bezier(.4,0,.2,1) both}.sla-block{animation:cardIn .3s .15s cubic-bezier(.4,0,.2,1) both}.streak-block{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f59e0b1a,#ef444414);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius);padding:12px 14px;margin:6px 0}.streak-icon{font-size:26px}.streak-title{font-weight:700;font-size:14px;color:var(--orange)}.streak-desc{color:var(--text2);font-size:12px;margin-top:1px}.referral-block{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid rgba(99,102,241,.2);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;margin:6px 0}.referral-icon{font-size:26px}.referral-title{font-weight:700;font-size:14px;color:var(--accent)}.referral-desc{color:var(--text2);font-size:12px;margin-top:1px}.referral-block .btn-sm{flex-shrink:0}.event-banner{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius);padding:14px 16px;margin:6px 0;display:flex;align-items:center;gap:12px;box-shadow:0 6px 20px #ef444440}.event-icon{font-size:24px}.event-text{flex:1}.event-title{font-weight:700;color:#fff;font-size:14px}.event-desc{color:#ffffffd9;font-size:12px;margin-top:1px}.event-banner .btn-sm{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.traffic-block{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--glass-shadow)}.traffic-icon{font-size:26px}.traffic-info{flex:1}.traffic-title{font-weight:600;font-size:14px}.traffic-bar-wrap{margin-top:6px;height:6px;background:#00000014;border-radius:3px;overflow:hidden}.traffic-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.traffic-used{font-size:12px;color:var(--hint);margin-top:3px}.ref-hero{border-radius:var(--radius-lg);padding:18px;margin-bottom:12px;color:#fff;box-shadow:0 8px 32px #0000002e;position:relative;overflow:hidden}.ref-hero:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff1a;pointer-events:none}.ref-hero:before{content:"";position:absolute;left:-20px;bottom:-30px;width:100px;height:100px;border-radius:50%;background:#ffffff12;pointer-events:none}.ref-hero-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ref-level-emoji{font-size:42px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.ref-level-info{flex:1}.ref-level-name{font-size:22px;font-weight:800;letter-spacing:-.4px}.ref-level-desc{font-size:13px;opacity:.85;margin-top:2px}.ref-progress-wrap{margin-bottom:14px}.ref-progress-labels{display:flex;justify-content:space-between;font-size:12px;opacity:.85;margin-bottom:6px}.ref-progress-bar{height:6px;background:#ffffff40;border-radius:3px;overflow:hidden}.ref-progress-fill{height:100%;border-radius:3px;background:#ffffffe6;transition:width .6s cubic-bezier(.4,0,.2,1)}.ref-max-label{font-size:13px;opacity:.9;margin-bottom:10px}.ref-stats-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff26;border-radius:var(--radius-sm);padding:10px 14px}.ref-stat{text-align:center;flex:1}.ref-stat-val{font-size:18px;font-weight:800}.ref-stat-label{font-size:10px;opacity:.8;margin-top:1px}.ref-stat-divider{width:1px;height:28px;background:#ffffff4d}.ref-link-block{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--glass-shadow)}.ref-link-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--hint);margin-bottom:8px}.ref-link-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ref-link-text{flex:1;font-size:12px;color:var(--accent);font-family:SF Mono,monospace;background:var(--glass-bg2);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-link-actions{display:flex;gap:8px}.ref-share-btn{flex:1;font-size:13px}.ref-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 4px}.ref-qr-wrap>div{background:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 20px #0000001a}.ref-qr-hint{font-size:12px;color:var(--hint);text-align:center}.ref-overview{display:flex;flex-direction:column;gap:12px}.ref-section-title{font-size:15px;font-weight:700}.ref-perks-list{display:flex;flex-direction:column;gap:8px}.ref-perk-row{display:flex;align-items:center;gap:10px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px}.ref-perk-icon{font-size:20px;min-width:26px;text-align:center}.ref-empty{text-align:center;padding:24px 16px}.ref-empty-icon{font-size:48px;margin-bottom:10px}.ref-empty p{color:var(--text2);font-size:14px;margin-top:6px}.ref-how-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--hint)}.ref-how-steps{display:flex;flex-direction:column;gap:8px}.ref-how-step{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text)}.ref-how-num{min-width:26px;height:26px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;box-shadow:0 3px 10px #6366f14d}.ref-next-teaser{border:1.5px solid;border-radius:var(--radius);padding:14px}.ref-next-header{font-size:14px;font-weight:700;margin-bottom:8px}.ref-next-perks{display:flex;flex-direction:column;gap:5px}.ref-next-perk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.ref-next-more{font-size:12px;color:var(--hint);margin-top:2px}.ref-friends{display:flex;flex-direction:column;gap:10px}.ref-pending-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:var(--orange)}.ref-friends-list{display:flex;flex-direction:column;gap:8px}.ref-friend-card{display:flex;align-items:center;gap:10px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius);padding:12px 14px}.ref-friend-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ref-friend-info{flex:1}.ref-friend-name{font-size:14px;font-weight:600}.ref-friend-meta{font-size:12px;color:var(--hint);margin-top:1px;display:flex;gap:4px}.ref-dot{opacity:.5}.ref-friend-right{text-align:right;flex-shrink:0}.ref-friend-status{font-size:12px;font-weight:600}.ref-friend-days{font-size:11px;color:var(--green);font-weight:700;margin-top:2px}.ref-invite-more{display:flex;flex-direction:column;gap:6px}.ref-invite-hint{color:var(--text2);font-size:13px;text-align:center}.ref-levels{display:flex;flex-direction:column;gap:10px}.ref-level-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:16px}.ref-level-current{box-shadow:0 6px 24px #6366f126}.ref-level-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ref-level-card-emoji{font-size:36px}.ref-level-card-name{font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.ref-current-badge{font-size:10px;color:#fff;padding:2px 8px;border-radius:10px;font-weight:700}.ref-level-card-req{font-size:12px;color:var(--hint);margin-top:2px}.ref-level-card-perks{display:flex;flex-direction:column;gap:6px}.ref-level-card-perk{display:flex;align-items:center;gap:8px;font-size:13px}.ref-rules-block{background:var(--glass-bg2);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px}.ref-rules-title{font-weight:700;margin-bottom:8px;font-size:14px}.ref-rule{font-size:13px;color:var(--text2);padding:3px 0;line-height:1.5}.payment-pending-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 24px}.payment-pending-body{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;width:100%}.payment-pending-icon{margin-bottom:8px}.payment-success-icon{font-size:72px;margin-bottom:8px;animation:float 1.5s ease-in-out infinite}.payment-timeout-icon{font-size:64px;margin-bottom:8px}.spinner-lg{width:56px;height:56px;border:4px solid rgba(99,102,241,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.payment-pending-desc{color:var(--text2);font-size:15px;line-height:1.6;max-width:280px}.payment-pending-hint{font-size:12px;color:var(--hint);background:var(--glass-bg2);border:1px solid var(--glass-border);border-radius:20px;padding:4px 14px;margin-top:4px}.device-btn.selected{border-color:var(--accent);background:#6366f114;box-shadow:0 4px 16px #6366f12e}.config-block{display:flex;flex-direction:column;gap:12px}.consent-checkbox{display:flex;align-items:flex-start;gap:10px;margin:12px 0 4px;cursor:pointer}.consent-checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:var(--accent);cursor:pointer}.consent-text{font-size:13px;color:var(--text2);line-height:1.4}.consent-link{background:none;border:none;padding:0;color:var(--accent);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.info-card-title{font-size:18px;font-weight:700;margin-bottom:6px}.info-card-desc{color:var(--text2);font-size:14px;line-height:1.5}.config-row{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:12px 0}.config-url{flex:1;color:var(--text2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.plan-card-mini{background:var(--card2);border:1.5px solid var(--border);border-radius:14px;padding:14px 10px;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.plan-card-mini.selected{border-color:var(--accent);background:#6366f11a;box-shadow:0 0 0 1px #6366f14d,0 8px 24px #6366f126}.plan-card-mini-icon{font-size:24px;margin-bottom:6px}.plan-card-mini-name{font-size:13px;font-weight:600;margin-bottom:3px}.plan-card-mini-price{font-size:12px;color:var(--text2)}.plan-card-mini-badge{display:inline-block;font-size:10px;font-weight:700;background:var(--accent);color:#fff;border-radius:6px;padding:2px 6px;margin-top:4px}.pay-btn-card{width:100%;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;margin-bottom:10px;border:none;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 28px #6366f173,0 0 0 1px #ffffff14 inset;transition:all var(--transition)}.pay-btn-card:active{transform:scale(.98)}.pay-btn-card:disabled{opacity:.55;cursor:not-allowed}.pay-btn-card:before{content:"";position:absolute;right:-10px;top:-10px;width:80px;height:80px;background:#ffffff1a;border-radius:50%}.badge-pill{display:inline-flex;align-items:center;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.4}.badge-pill.free{background:var(--card2);color:var(--text2);border:1px solid var(--border)}.badge-pill.active{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:var(--green)}.badge-pill.trial{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:var(--accent)}.expiry-warning{background:#6366f11f;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px}.expiry-warning strong{color:var(--accent)}.traffic-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.traffic-bar-outer{height:6px;background:var(--card2);border-radius:3px;margin:8px 0 4px}.traffic-bar-inner{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),#ff6b81);transition:width .4s ease}.section-label{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:10px;margin-top:4px}.error-text{color:var(--accent);font-size:13px;margin:6px 0}.speed-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hint);margin-right:6px}.speed-dot.fast{background:var(--green)}.speed-dot.medium{background:#f59e0b}.speed-dot.slow{background:var(--accent)}.error-text{color:var(--red);font-size:13px;text-align:center}.legal-screen{display:block;padding-bottom:24px}.legal-pills-wrap{margin:0 -16px 16px;padding:0 16px}.legal-pills{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:6px;-webkit-overflow-scrolling:touch}.legal-pills::-webkit-scrollbar{display:none}.legal-pill{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:78px;padding:10px 14px;border-radius:14px;background:var(--card);border:1.5px solid var(--border);color:var(--text2);cursor:pointer;transition:all var(--transition);font-size:12px;font-weight:600;white-space:nowrap}.legal-pill:active{transform:scale(.96)}.legal-pill.active{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:var(--accent);color:#fff;box-shadow:0 4px 16px #6366f166}.legal-pill-icon{font-size:22px;line-height:1}.legal-pill-label{font-size:11px}.legal-header{display:flex;align-items:center;gap:12px;padding:12px 16px 8px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.legal-title{font-size:18px;font-weight:700;margin:0}.legal-tabs{display:flex;gap:8px;padding:10px 16px;background:var(--card2);border-bottom:1px solid var(--border)}.legal-tab{flex:1;padding:8px 12px;border-radius:var(--radius-sm);border:1.5px solid transparent;background:var(--card2);font-size:13px;font-weight:600;color:var(--text2);cursor:pointer;transition:all var(--transition)}.legal-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.legal-content-wrap{flex:1;overflow-y:auto;padding:0 16px 24px}.legal-loading{display:flex;justify-content:center;padding:40px 0}.legal-error{text-align:center;padding:24px;color:var(--red);font-size:14px}.legal-content{padding-top:16px}.legal-doc-header{margin-bottom:16px;padding:16px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border)}.legal-doc-title{font-size:17px;font-weight:700;margin:0 0 4px}.legal-doc-subtitle{font-size:13px;color:var(--text2);margin:0 0 6px}.legal-doc-updated{font-size:11px;color:var(--hint);margin:0}.legal-text{font-family:inherit;font-size:12.5px;line-height:1.6;color:var(--text2);white-space:pre-wrap;word-break:break-word;background:var(--card2);border-radius:var(--radius);border:1px solid var(--border);padding:16px;margin:0}.legal-footer{margin-top:24px;padding:16px;text-align:center;border-top:1px solid var(--border)}.legal-footer-link{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;margin-bottom:6px;display:block;width:100%}.legal-footer-hint{font-size:11px;color:var(--hint);margin:0}.tickets-balance{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#6366f11f,#a855f714);border:1.5px solid rgba(99,102,241,.25);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.tickets-balance-icon{font-size:32px}.tickets-balance-count{font-size:22px;font-weight:800}.tickets-balance-hint{font-size:13px;color:var(--text2);margin-top:2px}.roulette-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.roulette-container{position:relative;width:280px;height:280px}.roulette-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:22px;color:#fff;z-index:10;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.roulette-wheel{width:280px;height:280px;border-radius:50%;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 3px #ffffff1a}.roulette-result{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:700;width:100%;justify-content:center}.roulette-result.win{background:#22c55e1f;border:1.5px solid rgba(34,197,94,.3);color:var(--green)}.roulette-result.miss{background:#6b72801f;border:1.5px solid rgba(107,114,128,.2);color:var(--hint)}.roulette-result-emoji{font-size:22px}.roulette-spin-btn{width:100%;max-width:280px;padding:14px;font-size:16px}.roulette-spin-btn.disabled{opacity:.5}.roulette-hint{font-size:13px;color:var(--hint);text-align:center;max-width:280px}.tickets-earn-block{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;width:100%;margin-top:4px}.tickets-earn-title{font-size:15px;font-weight:700;margin-bottom:12px}.tickets-earn-list{display:flex;flex-direction:column;gap:8px}.tickets-earn-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.tickets-earn-icon{font-size:18px;width:24px;text-align:center}.tickets-earn-row span:nth-child(2){flex:1}.tickets-earn-val{font-weight:800;color:var(--green);background:#22c55e1a;border-radius:8px;padding:2px 8px;font-size:13px}.prizes-block{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;width:100%}.prizes-title{font-size:15px;font-weight:700;margin-bottom:12px}.prizes-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prize-chip{background:#6366f112;border:1px solid rgba(99,102,241,.15);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.roulette-tab{display:flex;flex-direction:column;gap:14px;align-items:stretch}