:root{--bg: #f6fbff;--bg-soft: #eaf8ff;--text: #0f2f4a;--muted: #4f6678;--accent: #22b8ee;--accent-strong: #0369a1;--accent-soft: #e0f7ff;--success: #047857;--success-soft: #dcfce7;--card: rgba(255, 255, 255, .82);--card-strong: rgba(255, 255, 255, .92);--border: rgba(15, 47, 74, .08);--shadow: 0 0 0 1px rgba(15, 47, 74, .05), 0 12px 36px rgba(15, 47, 74, .07);--shadow-hover: 0 0 0 1px rgba(15, 47, 74, .07), 0 14px 40px rgba(15, 47, 74, .09);--control-shadow: 0 0 0 1px rgba(15, 47, 74, .06), 0 1px 2px rgba(15, 47, 74, .04);--danger: #c73543;--warning: #9a5a05;--radius: 20px;--radius-sm: 14px;--ease-out: cubic-bezier(.2, 0, 0, 1);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{position:relative;margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,rgba(85,205,244,.22) 0 120px,transparent 260px),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 44%,#ffffff 100%)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(15,47,74,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:24px 24px,72px 72px,72px 72px;content:"";-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 54%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 54%)}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid rgba(34,184,238,.46);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{position:relative;z-index:1;width:min(100%,560px);margin:0 auto;padding:12px 12px calc(76px + env(safe-area-inset-bottom))}.hero{margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:#ffffff94;box-shadow:0 10px 28px #0f2f4a0d}.wordmark-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.wordmark{color:var(--text);font-size:38px;font-weight:700;line-height:.95;letter-spacing:0}.eyebrow,.label{display:block;margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{color:var(--text);font-size:34px;font-weight:700;line-height:1.02;text-wrap:balance}h2{color:var(--text);font-size:26px;font-weight:700;line-height:1.14;text-wrap:balance}h3{color:var(--text);font-size:21px;font-weight:650;line-height:1.2;text-wrap:balance}p,li{text-wrap:pretty}.subtitle,.muted,.status-copy p{color:var(--muted);font-size:15px;line-height:1.45}.subtitle{max-width:30ch;margin-top:6px}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:26px;border:1px solid var(--border);border-radius:999px;padding:4px 9px;color:var(--muted);background:#ffffffb8;font-size:12px;font-weight:600;white-space:nowrap}.tabs{display:grid;grid-template-columns:repeat(var(--tab-count, 3),1fr);gap:4px;min-height:48px;margin:0 0 10px;padding:4px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#ffffff7a;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #ffffff2e,0 16px 34px #0f527017;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.tab{min-height:40px;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:13px;font-weight:600;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.tab:active{transform:scale(.96)}.tab-active{border:1px solid rgba(255,255,255,.88);color:var(--accent-strong);background:linear-gradient(180deg,#ffffffeb,#ffffff9e);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #ffffff52,0 8px 20px #1153731a}.panel{position:relative;overflow:hidden;margin-top:10px;border:1px solid rgba(255,255,255,.68);border-radius:var(--radius);padding:16px;background:linear-gradient(180deg,#ffffffd6,#ffffffb0);box-shadow:inset 0 1px #ffffffc7,0 20px 52px #0a405c1c;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);transition-duration:.18s;transition-property:box-shadow;transition-timing-function:var(--ease-out)}.panel:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.72),transparent 38%),radial-gradient(circle at 100% 0%,rgba(98,210,255,.12),transparent 42%);content:""}.panel>*{position:relative;z-index:1}.panel-danger{border-color:#c735432e;background:#ffffffdb}.panel-danger h2,.inline-error{color:var(--danger)}.status-panel{display:grid;gap:14px}.panel-head,.config-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.panel-head h2{font-size:25px}.identity-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px}.identity-row strong,.meta-grid strong{color:var(--text);font-size:15px;font-weight:650;text-align:right}.badge{flex:0 0 auto}.badge-active{border-color:#04785729;color:var(--success);background:var(--success-soft)}.status-copy{display:grid;gap:7px}.status-copy h2{font-size:25px}.active-card{display:grid;gap:14px}.active-card-minimal{gap:12px}.active-heading{display:grid;gap:3px}.active-card-minimal .active-heading{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.46);border-radius:16px;padding:12px;background:linear-gradient(180deg,#ffffff94,#ffffff57);box-shadow:inset 0 1px #ffffffa3,0 8px 20px #0a405c0f}.active-card-minimal .active-heading:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.7),transparent 34%),radial-gradient(circle at 100% 0%,rgba(34,184,238,.1),transparent 44%);content:""}.active-card-minimal .active-heading>*{position:relative;z-index:1}.active-card-minimal .active-heading h3{font-size:23px}.active-heading p{color:var(--muted);font-size:15px;line-height:1.4}.active-heading span{color:var(--success);font-size:13px;font-weight:650;line-height:1.35}.info-rows{display:grid;gap:0}.info-rows p,.location-row,.technical-details>p{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:15px}.info-rows>:first-child{border-top:0}.info-rows strong,.technical-details strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650;text-align:right}.location-row{min-width:0}.location-row>span{flex:0 0 auto}.location-value{display:inline-flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px}.location-name,.location-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.location-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.location-status{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:650}.location-status-online{color:var(--success)}.location-status-muted{color:#4f6678bd;font-weight:600}.status-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.location-status-online .status-dot{box-shadow:0 0 0 3px #0478571c;animation:online-pulse 1.8s var(--ease-out) infinite}.location-list{display:grid;gap:0}.location-item{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid var(--border);border-radius:0;padding:6px 0;color:var(--text);background:transparent;cursor:pointer;text-align:left}.location-list>.location-item:nth-child(2){border-top:0}.location-item-static{cursor:default}.location-item-interactive{cursor:pointer}.location-item-interactive:active{transform:scale(.99)}.location-item-main{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;flex:1 1 auto}.location-action{flex:0 0 auto;border-radius:999px;padding:4px 8px;color:var(--accent-strong);background:var(--accent-soft);font-size:11px;font-weight:650;white-space:nowrap}.location-action-success{color:var(--success);background:#ffffffad;box-shadow:inset 0 0 0 1px #0478571f}.traffic-card{display:grid;gap:7px;border:1px solid rgba(255,255,255,.44);border-radius:16px;padding:11px 12px;background:linear-gradient(180deg,#ffffff80,#ffffff4d);box-shadow:inset 0 1px #ffffff8f,0 6px 18px #0a405c0d}.traffic-head{display:grid;gap:2px}.traffic-head>div{display:grid;gap:2px;min-width:0}.traffic-head strong{color:var(--text);font-size:16px;font-weight:650;line-height:1.25}.traffic-progress{overflow:hidden;height:5px;border-radius:999px;background:#0f2f4a14}.traffic-progress span{display:block;min-width:2px;max-width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent));transition:width .18s var(--ease-out)}.traffic-stats{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:13px;line-height:1.3}.subscription-minimal-action{display:grid;gap:7px}.compact-error{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--danger);font-size:13px;line-height:1.35}.compact-error button,.secondary-inline-button{min-height:28px;border-radius:999px;padding:0 9px;color:var(--accent-strong);background:var(--accent-soft);cursor:pointer;font-size:12px;font-weight:650}.secondary-inline-button:disabled{cursor:not-allowed;opacity:.5}.connection-details{display:grid;border-top:1px solid rgba(15,47,74,.07);padding-top:4px}.connection-details-toggle{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:10px;color:var(--text);background:transparent;cursor:pointer;font-size:14px;font-weight:650;text-align:left}.connection-details-toggle span:last-child{color:var(--muted);font-size:17px;line-height:1;transition:transform .16s var(--ease-out)}.connection-details-toggle[aria-expanded=true] span:last-child{transform:rotate(180deg)}.connection-details-panel{display:grid;gap:12px;padding-top:8px;animation:details-reveal .2s var(--ease-out)}.connection-detail-group{display:grid;gap:7px}.connection-location-list{display:grid;gap:0}.connection-location-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 72px;min-height:30px;align-items:center;column-gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.connection-location-row:first-child{border-top:0}.connection-location-name{display:inline-flex;min-width:0;align-items:center;gap:6px;overflow:hidden;color:var(--text);font-weight:650;white-space:nowrap}.connection-location-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-location-row .location-status{display:inline-flex;width:92px;justify-content:flex-start;justify-self:start;white-space:nowrap}.connection-location-row strong{min-width:72px;justify-self:end;color:var(--text);font-weight:650;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.connection-link-group{display:grid;gap:8px}.connection-details .detail-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border-top:1px solid var(--border);padding:12px 0}.connection-details .detail-action-label{min-width:0;color:var(--text);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-details .detail-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:6px 0;color:var(--accent-strong);background:transparent;cursor:pointer;font:inherit;font-weight:750;line-height:1;white-space:nowrap}.connection-details .detail-action-button:disabled{cursor:not-allowed;opacity:.5}.connection-details .detail-action-button:active:not(:disabled){opacity:.72}.traffic-details-note{margin:2px 0 0;color:#4f6678d1;font-size:12px;line-height:1.4}.expired-card{display:grid;gap:12px}.server-selector{display:grid;gap:8px}.server-option{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;color:var(--text);background:#fff9;box-shadow:var(--control-shadow);cursor:pointer;text-align:left;transition-duration:.16s;transition-property:background-color,border-color,box-shadow,color,opacity,transform;transition-timing-function:var(--ease-out)}.server-option:active{transform:scale(.98)}.server-option:disabled{cursor:not-allowed;opacity:.55}.server-option-active{border-color:#22b8ee57;background:#e0f7ffdb}.server-option-name{display:inline-flex;min-width:0;align-items:center;gap:8px;overflow:hidden;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.provisioning-block,.trial-issue-block{display:grid;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:#ffffff9e;color:var(--muted);font-size:14px;line-height:1.45}.provisioning-head{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.provisioning-head strong,.trial-issue-block strong{color:var(--text);font-weight:650}.provisioning-pulse{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #22b8ee21;animation:pulse 1.5s ease-out infinite}.trial-issue-block{border-color:#9a5a051f;background:#fff9dc94}@keyframes pulse{0%{transform:scale(.85);opacity:.58}55%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.58}}.meta-grid{display:grid;grid-template-columns:1fr;gap:8px}.meta-grid>div{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 11px;background:#ffffff8a}.primary-button,.secondary-button,.support-link{border-radius:999px;cursor:pointer;font-weight:650;transition-duration:.16s;transition-property:background-color,box-shadow,color,opacity,transform;transition-timing-function:var(--ease-out)}.primary-button:active,.secondary-button:active,.support-link:active,.accordion-button:active,.client-selector-button:active,.device-card:active{transform:scale(.96)}.primary-button{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.64);color:#073451;background:linear-gradient(180deg,#ffffff6b,#fff0 44%),linear-gradient(135deg,#8be7f7,#22b8ee 58%,#12a8df);box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #0369a129,0 10px 24px #22b8ee2e}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{min-height:40px;padding:0 14px;color:var(--accent-strong);background:var(--accent-soft);box-shadow:var(--control-shadow)}.full-width{width:100%}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notice{border:1px solid rgba(154,90,5,.12);border-radius:var(--radius-sm);padding:11px;color:var(--warning);background:#fff9dc9e;font-size:15px;line-height:1.45}.config-head{margin-bottom:0}.config-panel{display:grid;gap:10px}.config-panel .config-head h2{font-size:22px}.config-panel .config-head .muted{font-size:14px}.config-panel .primary-button{min-height:40px;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #22b8ee24}.config-panel .accordion-button{min-height:38px;border-radius:14px;color:var(--text);background:#ffffff7a;box-shadow:none}.subscription-card{display:grid;gap:8px;border:0;border-radius:0;padding:0;background:transparent}.compact-section-head{gap:4px}.subscription-secondary-actions{display:inline-flex;min-height:28px;align-items:center;justify-content:center;gap:8px;color:#4f6678d1;font-size:13px;line-height:1}.subscription-secondary-actions button{min-height:28px;border-radius:999px;padding:0 4px;color:var(--accent-strong);background:transparent;cursor:pointer;font-size:13px;font-weight:650}.subscription-secondary-actions button:disabled{cursor:not-allowed;opacity:.42}.subscription-secondary-actions button:active{transform:scale(.96)}.manual-link-helper{color:var(--muted);font-size:13px;line-height:1.4;text-align:center}.manual-link-panel{display:grid;gap:8px}.subscription-url-field{min-height:76px;max-height:96px;resize:none}.manual-open-link{justify-self:center;min-height:30px;border-radius:999px;padding:0 10px;color:var(--accent-strong);background:#ffffff94;box-shadow:var(--control-shadow);cursor:pointer;font-size:13px;font-weight:650}.advanced-fallback-button{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid var(--border);border-radius:0;padding:6px 0 0;color:var(--text);background:transparent;cursor:pointer;text-align:left;transition-duration:.16s;transition-property:background-color,opacity,transform;transition-timing-function:var(--ease-out)}.advanced-fallback-button:active{transform:scale(.98)}.advanced-fallback-button>span:first-child{display:grid;gap:2px;min-width:0}.advanced-fallback-button strong{font-size:13px;font-weight:650}.advanced-fallback-button small{color:var(--muted);font-size:12px;line-height:1.35}.advanced-fallback-button>span:last-child{color:var(--muted);font-size:20px;line-height:1}@keyframes online-pulse{0%,to{box-shadow:0 0 0 3px #0478571a;opacity:.78}50%{box-shadow:0 0 0 6px #04785700;opacity:1}}@keyframes details-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.config-location-selector{display:flex;gap:7px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.config-location-selector::-webkit-scrollbar{display:none}.config-location{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:0 12px;color:var(--muted);background:#ffffff9e;box-shadow:var(--control-shadow);cursor:pointer;font-size:13px;font-weight:650}.config-location-active{border-color:#22b8ee47;color:var(--accent-strong);background:var(--accent-soft)}.config-empty{display:grid;gap:9px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:#ffffff94}.config-empty h3{font-size:18px}.config-rows{border-top:1px solid var(--border)}.config-secondary-actions{display:grid;gap:0;border-top:1px solid var(--border)}.config-text-button{display:flex;min-height:38px;align-items:center;justify-content:space-between;border:0;border-top:1px solid var(--border);padding:0;color:var(--accent-strong);background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:650;text-align:left}.config-text-button:first-child{border-top:0}.config-text-button:active{opacity:.72}.config-helper{margin-top:-4px;color:var(--muted);font-size:13px;line-height:1.4;text-align:center}.copy-feedback{margin-top:-2px;border-radius:var(--radius-sm);padding:9px 10px;font-size:13px;font-weight:600;line-height:1.4;text-align:center}.copy-feedback-error{color:var(--danger);background:#c7354314}.copy-feedback-success{color:var(--success);background:var(--success-soft)}.accordion-button{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:10px;border-radius:999px;padding:0 13px;color:var(--accent-strong);background:#ffffffad;box-shadow:var(--control-shadow);cursor:pointer;font-weight:650;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.accordion-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;color:var(--muted);background:#0369a114;font-size:16px;line-height:1;transition-duration:.18s;transition-property:background-color,color,transform;transition-timing-function:var(--ease-out)}.accordion-button[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.vless-link-block{max-height:120px;overflow:auto;word-break:break-all;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;color:var(--text);background:#ffffffa3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.technical-details{display:grid;gap:8px}.technical-details>p{border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;background:#ffffff8f}textarea{width:100%;min-height:118px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#ffffffa3;line-height:1.42;resize:vertical}.section-head{display:grid;gap:5px;margin-bottom:12px}.instruction-note{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.45}.app-selector-block{display:grid;gap:6px;margin-bottom:12px;padding:0;background:transparent}.app-selector-block p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.client-selector{display:inline-grid;grid-template-columns:repeat(2,minmax(0,auto));gap:4px;width:fit-content;max-width:100%;border:1px solid rgba(255,255,255,.58);border-radius:999px;padding:3px;background:#ffffff75;box-shadow:inset 0 1px #ffffffad}.client-selector-button{min-height:30px;border:0;border-radius:999px;padding:0 11px;color:var(--text);background:transparent;box-shadow:none;cursor:pointer;text-align:center;transition-duration:.16s;transition-property:background-color,box-shadow,color,opacity,transform;transition-timing-function:var(--ease-out)}.client-selector-button span{display:block;font-size:13px;font-weight:650;white-space:nowrap}.client-selector-button-active{color:var(--accent-strong);background:linear-gradient(180deg,#ffffffe6,#e0f7ffb8);box-shadow:inset 0 1px #ffffffe0,0 8px 20px #22b8ee17}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.device-card{min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px;color:var(--muted);background:#ffffff94;cursor:pointer;text-align:left;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.device-card span{display:block;font-size:14px;font-weight:600}.device-card-active{border-color:#0369a12e;color:var(--accent-strong);background:var(--accent-soft)}.device-steps{display:grid;gap:8px;margin-top:12px;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-sm);padding:12px;background:#ffffff8f}.instruction-card-head{display:grid;gap:2px}.instruction-card-head strong{color:var(--text);font-size:17px;font-weight:700}.instruction-card-head span{color:var(--muted);font-size:13px}.instruction-actions{display:grid;gap:8px;margin-top:12px}.setup-page{display:grid;gap:12px}.setup-launcher-page{align-content:start}.setup-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.setup-back-button{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:var(--accent-strong);background:#ffffffa3;box-shadow:var(--control-shadow);cursor:pointer;font-size:18px;font-weight:700}.setup-client-card,.setup-route-card,.setup-help-panel,.setup-empty-state{display:grid;gap:8px;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-sm);padding:12px;background:#ffffff8f}.setup-launcher-card{display:grid;gap:6px;justify-items:center;border:1px solid rgba(255,255,255,.62);border-radius:var(--radius-sm);padding:18px 14px;background:radial-gradient(circle at 50% 0%,rgba(125,223,245,.2),transparent 52%),#ffffff94;text-align:center}.setup-launcher-card h2{font-size:24px}.setup-launcher-card p{max-width:30ch;margin:0;color:var(--muted);font-size:14px;line-height:1.42}.setup-launcher-pulse{width:13px;height:13px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #22b8ee1f;animation:status-pulse 1.8s ease-out infinite}.setup-launcher-actions{gap:7px}.setup-empty-state h2{font-size:22px}.setup-steps{margin-top:0}.setup-actions,.setup-fallback-actions{display:grid;gap:8px}.setup-note{display:grid;gap:4px;border:1px solid rgba(154,90,5,.16);border-radius:var(--radius-sm);padding:11px 12px;color:var(--warning);background:#fffbebb8}.setup-note p,.setup-route-card p,.setup-help-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.42}.setup-route-card strong{color:var(--text);font-size:14px;font-weight:700}.setup-technical-details{gap:8px}.setup-technical-details p{display:grid;gap:4px;min-height:auto;padding-block:8px}.setup-technical-details strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.35}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.location-status-online .status-dot{animation:none!important;box-shadow:0 0 0 3px #0478571c;opacity:1}}.steps{margin:8px 0 0;padding-left:20px;color:var(--text);font-size:15px;line-height:1.48}.steps li+li{margin-top:5px}.support-card{display:grid;gap:8px}.support-link{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;margin-top:14px;color:var(--text);background:linear-gradient(135deg,#7ddff5 0%,var(--accent) 100%);box-shadow:0 8px 20px #22b8ee29;text-align:center;text-decoration:none}.inline-error{margin-top:10px;font-weight:650}@media(min-width:520px){.app-shell{padding-top:16px}.meta-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:390px){.app-shell{padding-inline:10px}.wordmark{font-size:34px}h2{font-size:24px}.panel,.hero{border-radius:18px;padding:14px}.connection-location-row{grid-template-columns:minmax(0,1fr) 86px 64px;column-gap:10px}.connection-location-row .location-status{width:86px}.connection-location-row strong{min-width:64px}}
