.wgx{--bg:#060607;--tile:#0d0d0f;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);--grey:#9A9A9A;--dim:#858282;--red:#FF4433;--redt:#ff8b7d;--ok:#3ddc84;--cta:linear-gradient(135deg,#E5231B,#8C0F0F,#FF4433);--m:'JetBrains Mono',ui-monospace,monospace;--s:'Golos Text',system-ui,sans-serif;
  color:#fff;font-family:var(--s);font-size:15px;line-height:1.5;margin:8px 0 40px}
.wgx *,.wgx *::before,.wgx *::after{box-sizing:border-box;margin:0;padding:0}
.wgx [hidden]{display:none!important}
.wgx button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
.wgx a{color:inherit;text-decoration:none}
.wgx button:focus-visible,.wgx a:focus-visible,.wgx summary:focus-visible,.wgx input:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.wgx [tabindex="-1"]:focus{outline:none}
.wgx .wg-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.wgx .wg-page{max-width:1000px;margin:0 auto}

.wgx .wg-proto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line2);border-radius:8px;max-width:1000px}
.wgx .wg-seg b{white-space:nowrap}
.wgx .wg-seg small .n:empty::before{content:none}
@media (max-width:600px){.wgx .wg-proto{grid-template-columns:repeat(2,minmax(0,1fr))}.wgx .wg-seg{padding:13px 12px 12px}.wgx .wg-seg b{font-size:19px}}
.wgx .wg-seg{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:15px 18px 14px;border:1px solid transparent;border-radius:6px;min-width:0;transition:background-color .15s,border-color .15s}
.wgx .wg-seg b{font:800 22px/1.1 var(--m);letter-spacing:-.01em;color:var(--grey);transition:color .15s}
.wgx .wg-seg small{display:flex;flex-wrap:wrap;column-gap:6px;font:11.5px/1.45 var(--m);color:var(--dim)}
.wgx .wg-seg small .n::before{content:'\00B7';margin-inline-end:6px}
.wgx .wg-seg:hover b{color:#fff}
.wgx .wg-seg[aria-pressed="true"]{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.wgx .wg-seg[aria-pressed="true"]::before{content:'';position:absolute;left:14px;right:14px;top:-1px;height:2px;border-radius:0 0 2px 2px;background:var(--red)}
.wgx .wg-seg[aria-pressed="true"] b{color:#fff}
.wgx .wg-seg[aria-pressed="true"] small{color:#c4c4c4}
.wgx .wg-seg:focus-visible{outline-color:#fff;outline-offset:1px}

.wgx .wg-guide{margin:16px 0 40px;max-width:680px}
.wgx .wg-where{list-style:none;display:grid;gap:6px;font-size:14px;line-height:1.55;color:var(--grey)}
.wgx .wg-where li{display:grid;grid-template-columns:8px minmax(0,1fr);gap:12px;align-items:start}
.wgx .wg-where i{width:8px;height:8px;margin-top:7px;border-radius:2px;background:rgba(255,255,255,.3)}
.wgx .wg-where li.ok i{background:var(--ok)}
.wgx .wg-where b{color:#fff;font-weight:600}
.wgx .wg-apps{margin:10px 0 0 20px;font:12px/1.6 var(--m);color:var(--dim)}
.wgx[data-mode="vless"] .wg-apps{display:none}

.wgx .wg-test{margin:0 0 40px;max-width:680px}
.wgx .wg-test:empty{display:none}
.wgx .wg-test-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 24px;padding:18px 20px;border:1px solid var(--line2);border-radius:8px;background:var(--tile)}
.wgx .wg-test-txt{flex:1 1 380px;min-width:0;display:grid;gap:8px}
.wgx .wg-test-p{font-size:14px;line-height:1.55;color:var(--grey)}
.wgx .wg-test-s{display:flex;align-items:baseline;gap:8px;font:700 12px/1.5 var(--m);color:var(--grey)}
.wgx .wg-test-s i{flex:none;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3)}
.wgx .wg-test-row.is-on .wg-test-s{color:var(--ok)}
.wgx .wg-test-row.is-on .wg-test-s i{background:var(--ok)}
.wgx .wg-test-row .wg-btn{margin-top:22px}
@media (max-width:640px){.wgx .wg-test-row .wg-btn{margin-top:0;width:100%}}

.wgx .wg-blk + .wg-blk{margin-top:52px}
.wgx .wg-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin-bottom:14px}
.wgx .wg-h{font:700 11.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
.wgx .wg-hint{font-size:13.5px;color:var(--grey)}
.wgx .wg-meters{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px 28px;font:12px var(--m);color:var(--grey)}
.wgx .wg-meter{display:flex;align-items:center;gap:10px;white-space:nowrap}
.wgx .wg-meter b{color:#fff;font-weight:700}
.wgx .wg-pips{display:flex;gap:3px}
.wgx .wg-pips i{width:14px;height:6px;border-radius:2px;background:rgba(255,255,255,.12)}
.wgx .wg-pips i.on{background:#e6e6e6}
.wgx .wg-bar{width:72px;height:6px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.wgx .wg-bar i{display:block;height:100%;width:0;background:#e6e6e6;transition:width .3s}
.wgx .wg-meter.full b{color:var(--red)}
.wgx .wg-meter.full .wg-pips i.on,.wgx .wg-meter.full .wg-bar i{background:var(--red)}
.wgx .wg-meter small{font-size:11px;color:var(--dim)}

.wgx .wg-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.wgx .wg-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px 20px;min-height:164px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--tile);color:#fff;transition:border-color .15s,opacity .15s}
@media (hover:hover) and (pointer:fine){.wgx .wg-tile:not(:disabled):hover{border-color:rgba(255,255,255,.34)}}
.wgx .wg-tile .top{display:flex;align-items:center;gap:10px;width:100%;font-size:14px;color:var(--grey)}
.wgx .wg-code{font:700 11px var(--m);letter-spacing:.08em;padding:2px 6px;border:1px solid var(--line2);border-radius:4px;color:#d0d0d0}
.wgx .wg-tile .radio{margin-inline-start:auto;flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);transition:border-width .15s,border-color .15s}
.wgx .wg-tile .city{margin-top:auto;padding-top:22px;font-size:clamp(34px,4.4vw,46px);font-weight:700;letter-spacing:-.025em;line-height:1;overflow-wrap:anywhere}
.wgx .wg-tile .meta{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font:12px var(--m);color:var(--grey)}
.wgx .wg-tile[aria-pressed="true"]{border-color:var(--red)}
.wgx .wg-tile[aria-pressed="true"] .radio{border:5px solid var(--red)}
.wgx .wg-tile.paid .city{color:#a8a6a6}
.wgx .wg-tile.paid[aria-pressed="true"]{border-color:rgba(255,255,255,.34)}
.wgx .wg-tile.paid[aria-pressed="true"] .radio{border-color:var(--grey)}
.wgx .wg-tile:disabled{opacity:.4;cursor:not-allowed}

.wgx .wg-slot{margin-top:14px}
.wgx .wg-pre>.wg-note{margin-bottom:12px}
.wgx .wg-pick{font-size:14px;color:var(--grey);padding:2px 0}
.wgx .wg-form{display:flex;flex-direction:column;gap:8px;padding-top:6px}
.wgx .wg-lbl{font:12px var(--m);color:var(--grey)}
.wgx .wg-lbl span{color:var(--dim)}
.wgx .wg-formrow{display:flex;gap:10px}
.wgx .wg-inwrap{position:relative;flex:1;min-width:0}
.wgx .wg-in{width:100%;background:var(--tile);border:1px solid var(--line2);border-radius:8px;color:#fff;font:15px var(--s);padding:14px 66px 14px 16px;transition:border-color .15s}
.wgx .wg-in::placeholder{color:#76726f}
.wgx .wg-in:focus{border-color:rgba(255,255,255,.4)}
.wgx .wg-in:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.wgx .wg-cnt{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:11px var(--m);color:var(--dim);pointer-events:none}
.wgx .wg-chips{display:flex;flex-wrap:wrap;gap:6px}
.wgx .wg-chip{padding:6px 11px;border:1px solid var(--line2);border-radius:6px;font:12px var(--m);color:#cfcfcf}
.wgx .wg-chip:hover{border-color:rgba(255,255,255,.4);color:#fff}
.wgx .wg-fine{font-size:13px;color:var(--grey);line-height:1.55}
.wgx .wg-fine b{color:#e6e6e6;font-weight:600}
.wgx .wg-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cta);color:#fff;font:700 14px var(--m);padding:14px 24px;border-radius:8px;white-space:nowrap}
.wgx .wg-cta:disabled{opacity:.7;cursor:progress}
.wgx .wg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:#fff;font:700 13px var(--m);padding:13px 18px;border-radius:8px;white-space:nowrap}
.wgx .wg-btn:hover{border-color:rgba(255,255,255,.36)}
.wgx .wg-btn.ghost{background:none}
.wgx .wg-btn.danger{background:none;border-color:rgba(255,68,51,.5);color:var(--redt)}
.wgx .wg-btn.danger:hover{background:rgba(255,68,51,.1)}
.wgx .wg-cta.ok,.wgx .wg-btn.ok{background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.45);color:var(--ok)}
.wgx .wg-btn:disabled{cursor:default}

.wgx .wg-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:18px 20px;border:1px solid var(--line2);border-radius:8px;background:var(--tile)}
.wgx .wg-note-k{flex-basis:100%;font:700 11px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.wgx .wg-note p{flex:1 1 380px;min-width:0;font-size:14.5px;color:var(--grey);line-height:1.55}
.wgx .wg-note p b{color:#fff;font-weight:600}
.wgx .wg-note .acts{display:flex;flex-wrap:wrap;gap:8px}
.wgx .wg-note-top{margin-bottom:40px}

.wgx .wg-issued{border:1px solid var(--line2);border-radius:8px;background:var(--tile);overflow:hidden;animation:wg-in .25s ease-out}
@keyframes wg-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.wgx .wg-once{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding:16px 22px;background:rgba(255,68,51,.07);border-bottom:1px solid rgba(255,68,51,.28)}
.wgx .wg-once-k{font:800 11.5px var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--red);white-space:nowrap}
.wgx .wg-once p{flex:1 1 420px;min-width:0;font-size:14.5px;color:#e6e6e6;line-height:1.55}
.wgx .wg-iss-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:36px;padding:28px 24px 24px}
.wgx .wg-qr{width:280px}
.wgx .wg-qr svg{display:block;width:100%;height:auto;border-radius:8px}
.wgx .wg-qr figcaption{margin-top:10px;font:11.5px/1.5 var(--m);color:var(--grey);text-align:center}
.wgx .wg-ok{display:inline-flex;align-items:center;gap:8px;font:700 11.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}
.wgx .wg-ok i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.wgx .wg-iss-name{font-size:clamp(34px,4.4vw,48px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:12px 0 10px;overflow-wrap:anywhere}
.wgx .wg-iss-where{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--grey)}
.wgx .wg-file{display:flex;align-items:center;gap:12px;margin-top:22px;min-width:0}
.wgx .wg-file svg{flex:none;color:var(--grey)}
.wgx .wg-file b{display:block;font:700 14px/1.4 var(--m);white-space:nowrap}
.wgx .wg-file small{display:block;font-size:12.5px;color:var(--grey)}
.wgx .wg-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}
.wgx .wg-how{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.wgx .wg-how div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px}
.wgx .wg-how dt{font:700 11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--grey);padding-top:3px}
.wgx .wg-how dd{font-size:14px;color:#e0e0e0;line-height:1.55}
.wgx .wg-how dd small{display:block;margin-top:4px;font-size:13px;color:var(--grey)}
.wgx .wg-how + .wg-fine{margin-top:14px}
.wgx .wg-inside{margin-top:16px}
.wgx .wg-inside summary{display:inline-block;cursor:pointer;list-style:none;font:12.5px var(--m);color:var(--grey);padding:2px 0}
.wgx .wg-inside summary::-webkit-details-marker{display:none}
.wgx .wg-inside summary::before{content:'+';display:inline-block;width:1.2em;color:#fff}
.wgx .wg-inside[open] summary::before{content:'\2212'}
.wgx .wg-inside summary:hover{color:#fff}
.wgx .wg-inside pre{margin-top:10px;padding:2px 0 2px 14px;border-left:1px solid var(--line2);font:12px/1.75 var(--m);color:#cfcfcf;white-space:pre-wrap;overflow-wrap:anywhere}
.wgx .wg-done{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px}
.wgx .wg-done p{flex:1 1 100%;min-width:0;font-size:14px;color:#e6e6e6;line-height:1.55}

.wgx .wg-status{font-size:13.5px;color:var(--grey);margin-bottom:10px}
.wgx .wg-status:empty{display:none}
.wgx .wg-listhead,.wgx .wg-dev{display:grid;grid-template-columns:8px minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.85fr) minmax(0,1fr) 96px;gap:14px;align-items:center}
.wgx .wg-listhead{padding:0 0 8px;border-bottom:1px solid var(--line);font:10.5px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.wgx .wg-list{list-style:none}
.wgx .wg-dev{padding:14px 0;border-bottom:1px solid var(--line)}
.wgx .wg-dot{width:8px;height:8px;border-radius:50%;background:#3a3a3e}
.wgx .wg-dot.on{background:var(--ok)}
.wgx .wg-dev-name{min-width:0;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wgx .wg-dev-name em{font:700 10px var(--m);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#d0d0d0;border:1px solid var(--line2);border-radius:4px;padding:1px 5px;margin-inline-start:8px;vertical-align:2px}
.wgx .wg-dev-info{display:contents}
.wgx .wg-dev-info .br{display:none}
.wgx .wg-dev-info>span{min-width:0;font:12.5px var(--m);color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wgx .wg-dev-info .s.on{color:var(--ok)}
.wgx .wg-dev-info .p{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
.wgx .wg-del{justify-self:end;font:12.5px var(--m);color:var(--grey);padding:7px 10px;border-radius:6px;border:1px solid transparent}
.wgx .wg-del:hover{color:var(--redt);border-color:rgba(255,68,51,.4)}
.wgx.is-full .wg-del{color:var(--redt);border-color:rgba(255,68,51,.35)}
.wgx .wg-confirm{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;border-radius:8px;background:rgba(255,68,51,.07)}
.wgx .wg-confirm p{flex:1 1 300px;min-width:0;font-size:14px;color:#e6e6e6}
.wgx .wg-confirm div{display:flex;gap:8px;flex-wrap:wrap}
.wgx .wg-confirm .wg-btn{min-height:40px;padding:9px 16px;font-size:12.5px}
.wgx .wg-dev.is-confirm .wg-del{visibility:hidden}
.wgx .wg-foot{margin-top:14px;font-size:13px;color:var(--grey);line-height:1.55}

.wgx .wg-empty{padding:22px 0 4px;border-top:1px solid var(--line)}
.wgx .wg-empty-t{font-size:17px;font-weight:600;margin-bottom:20px}
.wgx .wg-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
.wgx .wg-steps li{display:flex;flex-direction:column;gap:8px;min-width:0}
.wgx .wg-steps b{font:800 26px/1 var(--m);letter-spacing:-.03em;color:#fff}
.wgx .wg-steps span{font-size:14px;color:#cfcfcf;line-height:1.55}

@media (max-width:760px){
  .wgx{margin-bottom:32px}
  .wgx .wg-seg{padding:13px 12px 12px}
  .wgx .wg-seg b{font-size:19px}
  .wgx .wg-seg small{flex-direction:column;font-size:10.5px}
  .wgx .wg-seg small .n::before{content:none}
  .wgx .wg-guide{margin-bottom:32px}
  .wgx .wg-where{font-size:13.5px}
  .wgx .wg-blk + .wg-blk{margin-top:44px}
  .wgx .wg-tiles{grid-template-columns:1fr;gap:10px}
  .wgx .wg-tile{min-height:0;padding:16px}
  .wgx .wg-tile .city{font-size:36px;padding-top:18px}
  .wgx .wg-formrow{flex-direction:column}
  .wgx .wg-formrow .wg-cta{width:100%}
  .wgx .wg-chip{padding:8px 12px}
  .wgx .wg-note{padding:16px}
  .wgx .wg-note .acts{width:100%}
  .wgx .wg-note .acts>*{flex:1 1 100%}
  .wgx .wg-once{padding:14px 16px}
  .wgx .wg-iss-body{grid-template-columns:1fr;gap:22px;padding:20px 16px}
  .wgx .wg-qr{width:min(100%,260px);justify-self:center}
  .wgx .wg-iss-name{font-size:34px}
  .wgx .wg-actions{flex-direction:column}
  .wgx .wg-actions>*{width:100%}
  .wgx .wg-how div{grid-template-columns:1fr;gap:2px}
  .wgx .wg-done>.wg-btn{flex:1 1 100%}
  .wgx .wg-meters{flex-direction:column;gap:6px}
  .wgx .wg-meter{flex-wrap:wrap;white-space:normal;row-gap:4px}
  .wgx .wg-listhead{display:none}
  .wgx .wg-dev{grid-template-columns:8px minmax(0,1fr) auto;grid-template-areas:"dot name del" ". info info";gap:4px 12px}
  .wgx .wg-dot{grid-area:dot}
  .wgx .wg-dev-name{grid-area:name}
  .wgx .wg-del{grid-area:del;padding:9px 10px;margin:-4px 0}
  .wgx .wg-dev-info{grid-area:info;display:flex;flex-wrap:wrap;row-gap:2px}
  .wgx .wg-dev-info>span{overflow:visible}
  .wgx .wg-dev-info .br{display:block;flex-basis:100%;height:0}
  .wgx .wg-dev-info>span+span::before{content:'\00B7';margin:0 7px;color:var(--dim)}
  .wgx .wg-dev-info .p{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none}
  .wgx .wg-confirm div{width:100%}
  .wgx .wg-confirm .wg-btn{flex:1 1 0;min-height:44px}
  .wgx .wg-steps{grid-template-columns:1fr;gap:14px}
  .wgx .wg-steps li{flex-direction:row;gap:14px}
  .wgx .wg-steps b{font-size:20px;flex:none;width:30px}
}
@media (prefers-reduced-motion:reduce){ .wgx *,.wgx *::before,.wgx *::after{transition:none!important;animation:none!important} }

body.wg-mode .dash-hint,
body.wg-mode .dash-picker,
body.wg-mode #pickerLoading,
body.wg-mode #pickerError,
body.wg-mode #serverGrid,
body.wg-mode #serverGridEmpty,
body.wg-mode .dash-guide-panel{display:none!important}
.wgx[data-mode="vless"] .wg-wg,.wgx[data-mode="reality"] .wg-wg,.wgx[data-mode="xhttp"] .wg-wg,.wgx[data-mode="reality"] .wg-guide,.wgx[data-mode="xhttp"] .wg-guide,.wgx[data-mode="reality"] .wg-test,.wgx[data-mode="xhttp"] .wg-test{display:none}
.wgx:not([data-mode="reality"]):not([data-mode="xhttp"]) .wg-rx{display:none}
.wgx[data-mode="hy"] .wg-wg,.wgx[data-mode="hy"] .wg-guide,.wgx[data-mode="hy"] .wg-test,.wgx:not([data-mode="hy"]) .wg-hy{display:none}
.wgx .wg-hy{display:grid;gap:16px;max-width:1000px;margin:18px 0 40px}
.wgx .wg-hy-list{list-style:none;display:grid;gap:10px}
.wgx .wg-hy-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.wgx .wg-hy-name{font:600 14.5px/1.4 var(--m);color:#fff}
.wgx .wg-hy-acts{display:flex;flex-wrap:wrap;gap:8px}
.wgx .wg-hy-acts .wg-btn{min-height:38px;padding:8px 12px;font-size:12.5px}
.wgx .wg-hy-qr{margin-top:12px;max-width:220px;background:#fff;border-radius:8px;padding:10px}
.wgx .wg-hy-qr svg{display:block;width:100%;height:auto}
.wgx.has-hy .wg-proto{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:600px){.wgx.has-hy .wg-proto{grid-template-columns:repeat(2,minmax(0,1fr))}.wgx.has-hy .wg-seg[data-mode="hy"]{grid-column:1/-1}}
.wgx .wg-rx{display:grid;gap:16px;max-width:1000px;margin:18px 0 40px}
.wgx .wg-rx-h{font:800 22px/1.25 var(--m);letter-spacing:-.01em}
.wgx .wg-rx-what{margin-top:10px;font-size:15px;line-height:1.55;color:#e4e4e4;max-width:76ch}
.wgx .wg-rx-lead{margin-top:6px;font-size:14px;line-height:1.6;color:var(--grey);max-width:76ch}
.wgx .wg-rx-card{border:1px solid var(--line2);border-radius:8px;background:var(--tile);padding:16px 18px;min-width:0}
.wgx .wg-rx-card h3{font:700 11.5px/1.5 var(--m);letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-bottom:10px}
.wgx .wg-rx-srv{display:flex;flex-wrap:wrap;gap:6px}
.wgx .wg-rx-srv span{font:600 12.5px/1.4 var(--m);border:1px solid var(--line2);border-radius:6px;padding:5px 9px;color:#e0e0e0}
.wgx .wg-rx-geo{border:1px solid var(--line2);border-radius:8px;overflow:hidden;background:var(--tile)}
.wgx .wg-rx-geo [role="row"]{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;padding:10px 16px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.5}
.wgx .wg-rx-geo-h[role="row"]{border-top:0;font:700 11px/1.5 var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.wgx .wg-rx-geo b{font-weight:700;color:#fff}
.wgx .wg-rx-geo span[role="cell"]{color:#d6d6d6}
.wgx .wg-rx-note{font-size:12.5px;line-height:1.55;color:var(--grey);max-width:90ch}
@media (max-width:700px){.wgx .wg-rx-geo [role="row"]{grid-template-columns:1fr;gap:2px}.wgx .wg-rx-geo-h span:last-child{display:none}}
.wgx[data-mode="vless"] .wg-guide{margin-bottom:28px}
.wgx .wg-qr img{display:block;width:100%;height:auto;border-radius:8px;background:#fff;padding:10px}
.wgx .wg-loading{font:13px var(--m);color:var(--grey);padding:8px 0}
.wgx .wg-err{font-size:14px;color:var(--redt);line-height:1.55}
.wgx .wg-err:empty{display:none}
.wgx .wg-tiles:empty{display:none}
.wgx:not([data-mode="awg"]) .wg-awg,.wgx[data-mode="awg"] .wg-guide,.wgx[data-mode="awg"] .wg-test{display:none}
.wgx .wg-awg{display:grid;gap:16px;max-width:1000px;margin:18px 0 40px}
.wgx .wg-shared{flex-basis:100%;font-size:13px;line-height:1.5;color:var(--grey)}
.wgx.has-awg .wg-proto{grid-template-columns:repeat(5,minmax(0,1fr))}
.wgx.has-awg.has-hy .wg-proto{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:600px){.wgx.has-awg .wg-proto,.wgx.has-awg.has-hy .wg-proto{grid-template-columns:repeat(2,minmax(0,1fr))}.wgx.has-awg:not(.has-hy) .wg-seg[data-mode="xhttp"]{grid-column:1/-1}.wgx.has-awg.has-hy .wg-seg[data-mode="hy"]{grid-column:auto}}