*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:#121928;color:#fff;font-family:'Play',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.j-page{width:100%;padding:3.5rem 1.5rem}.j-card{max-width:520px;margin:0 auto;background:rgba(255,255,255,.03);border-radius:24px;padding:2.4rem 2.2rem;text-align:center}.j-title{font-size:clamp(1.55rem,3.4vw,1.95rem);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.15;margin:0 0 .65rem}.j-sub{font-size:.98rem;color:rgba(255,255,255,.6);line-height:1.55;margin:0}.j-server{margin:1.75rem auto 0;display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:rgba(255,255,255,.04);border-radius:12px;text-align:left;max-width:100%}.j-server-name{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-server-addr{font-family:'SF Mono','Monaco','Menlo',ui-monospace,monospace;font-size:.78rem;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}.j-server-meta{flex:1 1 auto;min-width:0}.j-server-icon{width:36px;height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(74,222,128,.14);color:#4ade80;border-radius:9px}.j-server-icon.fail{background:rgba(248,113,113,.14);color:#f87171}.j-server-icon svg{width:18px;height:18px}.j-copy{flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:7px;color:rgba(255,255,255,.45);cursor:pointer;transition:background .12s ease,color .12s ease}.j-copy:hover{background:rgba(255,255,255,.06);color:rgba(255,255,255,.85)}.j-copy.copied{color:#4ade80;background:rgba(74,222,128,.12)}.j-copy svg{width:14px;height:14px}.j-actions{margin-top:1.6rem;display:flex;flex-direction:column;gap:.55rem}.j-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background .15s ease,transform .12s ease,color .15s ease}.j-btn-primary{background:#478DDD;color:#fff}.j-btn-primary:hover{background:#5b9be5}.j-btn-primary:active{transform:scale(.985)}.j-btn-ghost{background:rgba(255,255,255,.04);color:rgba(255,255,255,.78)}.j-btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}.j-btn svg{width:16px;height:16px}.j-progress{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:1.4rem;font-size:.78rem;color:rgba(255,255,255,.5);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.j-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.1);border-top-color:#478DDD;animation:j-spin .8s linear infinite}@keyframes j-spin{to{transform:rotate(360deg)}}.j-tips{margin-top:1.4rem;text-align:left;display:flex;flex-direction:column;gap:.45rem}.j-tip{display:flex;gap:.7rem;padding:.7rem .85rem;background:rgba(255,255,255,.025);border-radius:10px;font-size:.86rem;color:rgba(255,255,255,.72);line-height:1.45}.j-tip strong{color:#fff;font-weight:600;display:block;margin-bottom:.15rem}.j-tip-icon{width:18px;height:18px;flex:0 0 auto;color:rgba(255,255,255,.4);margin-top:1px}.j-tip-icon svg{width:18px;height:18px}@media (max-width:520px){.j-page{padding:2.5rem 1rem}.j-card{padding:2rem 1.5rem;border-radius:20px}.j-title{font-size:1.45rem}}@media (pointer:coarse){.j-copy{width:44px;height:44px}}