:root{--bg:#0d1117;--bg2:#111922;--bg3:#0f1e2d;--border:#1e2d3d;--border2:#1a3a5c;--blue:#378add;--blue-dim:#1a6ac7;--blue-text:#7ab8f5;--muted:#5b7fa6;--text:#e8edf3;--text2:#8ba8c4;--green:#2ecc71;--amber:#f0a500;--red:#e24b4a;--radius:12px;--radius-sm:8px}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.title{color:var(--text);font-size:17px;font-weight:500}.subtitle{color:var(--muted);font-size:12px}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:7px;font-size:11px}.card{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius);padding:14px}.card.accent{border-color:var(--blue);background:var(--bg3)}.card.success{background:#0b2a1a;border-color:#1d6b3a}.btn-primary{background:var(--blue-dim);border-radius:var(--radius);color:#e8f4ff;cursor:pointer;border:none;width:100%;padding:14px;font-size:15px;font-weight:500;transition:opacity .15s}.btn-primary:active{opacity:.88;transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-outline{border:.5px solid var(--border2);border-radius:var(--radius);width:100%;color:var(--blue-text);cursor:pointer;background:0 0;padding:11px;font-size:13px}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:13px}.input{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:10px 12px;font-size:14px}.input:focus{border-color:var(--blue)}.input::placeholder{color:var(--muted)}.pill{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:inline-flex}.pill.green{color:var(--green);background:#0b2a1a;border:.5px solid #1d6b3a}.pill.blue{background:var(--bg3);border:.5px solid var(--border2);color:var(--blue-text)}.pill.amber{color:var(--amber);background:#1a1200;border:.5px solid #5a3a00}.pill.red{color:var(--red);background:#200808;border:.5px solid #5a1010}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot.green{background:var(--green)}.dot.amber{background:var(--amber)}.dot.red{background:var(--red)}.divider{background:var(--border);height:.5px;margin:12px 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border2);border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.7s linear infinite spin}.vless-box{border:.5px solid var(--border2);border-radius:var(--radius-sm);background:#0a1520;padding:10px 12px}.vless-box .vless-label{color:var(--muted);margin-bottom:4px;font-size:10px}.vless-box .vless-link{color:var(--blue-text);word-break:break-all;font-family:monospace;font-size:10px;line-height:1.5}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.step-enter{animation:.22s forwards slideIn}