:root{color-scheme:dark;--bg:#09111c;--panel:#101b2a;--panel2:#0d1826;--line:#203047;--text:#e7edf5;--muted:#8fa2b8;--accent:#52d273;--danger:#f2545b;--warn:#e8b93d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0%,#172b46 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{width:min(680px,calc(100% - 28px));margin:0 auto;padding:48px 0 34px}.brand{display:flex;align-items:center;gap:8px;color:#cfe0f2;font-weight:700;letter-spacing:.08em;font-size:13px}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #52d273}.hero h1{font-size:clamp(30px,7vw,48px);line-height:1.05;margin:14px 0 10px}.hero p{color:var(--muted);margin:0 0 24px;font-size:16px}.card{background:linear-gradient(180deg,#111e2f,#0d1725);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 60px #0006}.notice{background:#0d1e18;border:1px solid #245c37;border-radius:12px;padding:14px 16px;margin-bottom:20px}.notice strong{color:#7de39b}.notice p{margin:5px 0 0;color:#cfe0f2}form{display:grid;gap:17px}label{display:grid;gap:6px;font-weight:650}input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;padding:12px 13px;outline:none;transition:.15s}input:focus{border-color:#4e79a5;box-shadow:0 0 0 3px #4e79a526}small,.optional{color:var(--muted);font-weight:400;font-size:12px}.optional{font-size:12px}button{margin-top:4px;border:0;border-radius:10px;padding:13px 18px;background:linear-gradient(180deg,#62de82,#42b866);color:#06140b;font:inherit;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.06)}button:disabled{opacity:.55;cursor:wait}.result{display:none;margin-top:18px;border-radius:10px;padding:13px 15px;background:#13253a;border:1px solid #2c405c;white-space:pre-wrap}.result:not(:empty){display:block}.result.ok{background:#10281a;border-color:#245c37;color:#b8f4c9}.result.error{background:#2d1114;border-color:#7a2b31;color:#ffb4b8}footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;color:var(--muted);font-size:12px;margin-top:18px}footer a{color:#9ec8ef;text-decoration:none}@media(max-width:520px){.shell{padding-top:28px}.card{padding:18px;border-radius:14px}}
.section-title{font-size:20px;margin:26px 0 10px;color:#e7edf5}.section-title:first-child{margin-top:0}.server-note{color:var(--muted);margin:0 0 12px}.server-link-wrap{margin:0 0 8px}.server-link{display:inline-block;background:#173822;border:1px solid #245c37;color:#b8f4c9;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:700}.info-table{width:100%;border-collapse:collapse;margin:8px 0 4px}.info-table th,.info-table td{text-align:left;border-bottom:1px solid var(--line);padding:11px 8px;vertical-align:top}.info-table th{width:34%;color:var(--muted);font-weight:500}.steps{color:#dbe8f5;padding-left:22px;margin:8px 0 16px}.steps li{margin:7px 0}.steps a{color:#9ec8ef;text-decoration:none}@media(max-width:520px){.info-table th{width:38%}}
.server-card{margin-bottom:18px}