body{margin:0;background:#f7f7f8;color:#1f2328}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:560px;margin:40px auto;padding:0 16px}header h1{margin:0 0 4px;font-size:24px}header .subtitle{margin:0 0 24px;color:#656d76}.card{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.card.error{border-color:#cf222e}.location{margin-bottom:16px;font-size:14px}.location code{background:#eff1f3;padding:2px 6px;border-radius:4px}.status{padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px}.status.connected{background:#dafbe1;color:#0a5d1e}.status code{background:rgba(0,0,0,.06);padding:1px 5px;border-radius:3px}.form{gap:16px}.form,label{display:flex;flex-direction:column}label{gap:6px;font-weight:500}input,label{font-size:14px}input{padding:10px 12px;border:1px solid #d0d7de;border-radius:6px;font-family:inherit}input:focus{outline:none;border-color:#0969da;box-shadow:0 0 0 3px rgba(9,105,218,.2)}button{padding:10px 16px;background:#1f2328;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}button[disabled]{opacity:.5;cursor:not-allowed}.error{color:#cf222e}.error,.ok{margin-top:12px;font-size:14px}.ok{color:#0a5d1e}footer{margin-top:24px;text-align:center;color:#656d76}