:root{color:var(--tg-theme-text-color,#172033);background:var(--tg-theme-bg-color,#f3f6fb);font-synthesis:none;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--tg-theme-bg-color,#f3f6fb);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer;border:0}.shell{width:min(100%,680px);min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 18px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.app-header,.nodes-header,.card-heading,.feature-link{align-items:center;display:flex}.app-header{justify-content:space-between;gap:16px;margin-bottom:24px}.app-header h1,.nodes-header h1{letter-spacing:-.035em;margin:5px 0 0;font-size:1.65rem}.eyebrow,.card-kicker{color:var(--tg-theme-link-color,#2563eb);letter-spacing:.12em;font-size:.7rem;font-weight:800}.tier-badge{border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:800}.tier-badge.free{color:#475569;background:#e2e8f0}.tier-badge.vip{color:#78350f;background:linear-gradient(135deg,#fef3c7,#fde68a)}.connection-card,.feature-link,.free-notice{border:1px solid color-mix(in srgb, var(--tg-theme-hint-color,#64748b) 16%, transparent);background:var(--tg-theme-secondary-bg-color,#fff);border-radius:20px;box-shadow:0 16px 42px #0f172a12}.connection-card{padding:20px}.primary-card{background:linear-gradient(145deg, color-mix(in srgb, var(--tg-theme-secondary-bg-color,#fff) 92%, #2563eb), var(--tg-theme-secondary-bg-color,#fff))}.card-heading{justify-content:space-between;gap:14px}.card-heading h2{margin:6px 0 0;font-size:1.25rem}.online-dot{color:#047857;font-size:.75rem;font-weight:700}.online-dot:before{content:"";background:#10b981;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.offline-dot{color:#b45309;font-size:.75rem;font-weight:700}.hostname{color:var(--tg-theme-hint-color,#64748b);overflow-wrap:anywhere;margin:24px 0 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem}.connect-button,.secondary-button{border-radius:12px;width:100%;padding:13px 16px;font-weight:800}.connect-button{color:var(--tg-theme-button-text-color,#fff);background:var(--tg-theme-button-color,#2563eb)}.connect-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{color:var(--tg-theme-text-color,#172033);background:var(--tg-theme-secondary-bg-color,#e2e8f0);margin-top:14px}.feature-link{color:inherit;gap:13px;margin-top:14px;padding:17px;text-decoration:none}.feature-link>span:nth-child(2){flex:1;gap:4px;display:grid}.feature-link small,.center-state small{color:var(--tg-theme-hint-color,#64748b)}.feature-link b{color:var(--tg-theme-hint-color,#64748b);font-size:1.7rem}.feature-icon{color:#78350f;background:#fde68a;border-radius:13px;place-items:center;width:42px;height:42px;font-size:.72rem;font-weight:900;display:grid}.free-notice{margin-top:14px;padding:18px}.free-notice p{color:var(--tg-theme-hint-color,#64748b);margin:7px 0 0;font-size:.9rem;line-height:1.55}.center-state{text-align:center;align-content:center;place-items:center;gap:12px;min-height:65vh;display:grid}.status-dot{background:#f59e0b;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 6px #f59e0b1f}.status-dot.ready{background:#10b981;box-shadow:0 0 0 6px #10b9811f}.status-dot.outside{background:#64748b;box-shadow:0 0 0 6px #64748b1f}.status-dot.error{background:#ef4444;box-shadow:0 0 0 6px #ef44441f}.nodes-header{gap:13px;margin-bottom:22px}.back-button{width:42px;height:42px;color:var(--tg-theme-text-color,#172033);background:var(--tg-theme-secondary-bg-color,#fff);border-radius:13px;place-items:center;font-size:2rem;line-height:1;display:grid}.node-list{gap:13px;display:grid}@media (width>=560px){.node-list{grid-template-columns:repeat(2,minmax(0,1fr))}}