:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1c2733;background:#f2f4f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:auto;padding:32px 20px 64px}.brand{display:flex;align-items:center;gap:8px;margin:8px 0 32px;font-size:24px;font-weight:750;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{color:#5164de}.card{border:1px solid #dfe4ea;border-radius:20px;background:#fff;padding:32px;box-shadow:0 8px 32px #18253808}.eyebrow{font-size:11px;letter-spacing:2px;color:#687588;font-weight:700}h1{font-size:32px;line-height:1.12;letter-spacing:-1.2px;margin:14px 0 16px}h2{font-size:18px;margin:28px 0 14px}.intro{color:#627081;line-height:1.6;margin-bottom:28px}label{display:grid;gap:8px;margin:18px 0;font-size:14px;font-weight:600}input{font:inherit;width:100%;border:1px solid #cbd2de;border-radius:10px;padding:13px;color:inherit;background:#fff}button,.button{font:inherit;font-weight:650;border:1px solid transparent;border-radius:10px;min-height:46px;padding:12px 18px;background:#4357ce;color:#fff;cursor:pointer}button:hover,.button:hover{background:#3445ac}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#edf0f5;color:#344259;border-color:#e0e5ec}button.secondary:hover{background:#dde4ef}button.text{background:transparent;color:#4357ce;padding-left:0;margin-top:16px}button.text:hover{text-decoration:underline}a{color:#4357ce}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.setup-steps{padding-left:22px}.setup-steps li{padding-left:4px;margin-block:20px}.server-address{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid #cbd2de;border-radius:10px}.server-address code{font-size:14px;user-select:all}.server-address button{justify-self:start}#copy-status{display:block;font-size:13px;margin-top:8px}#check-session{margin-top:18px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8997ff;outline-offset:3px}li{margin:12px 0;line-height:1.55}ul{padding-left:20px}p{line-height:1.6}.note{font-size:13px;color:#647185;background:#f5f7fa;padding:16px;border-radius:12px}.identity{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-block:1px solid #e7ebf0}.identity span{font-size:12px;color:#647185}.actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.back{display:inline-block;margin-top:30px;font-size:14px}#status:empty{display:none}#status{font-size:14px;color:#43547b}#login>a{display:block;margin-top:18px;font-size:14px}.connection{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #e7ebf0}.connection span{display:block;font-size:12px;color:#647185;margin-top:6px}code{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:500px){main{padding:18px 14px 40px}.card{padding:24px 20px;border-radius:16px}h1{font-size:29px}.actions button{flex:1}.brand{margin-bottom:22px}.button{width:100%}}@media(prefers-color-scheme:dark){:root{color:#e3e9f1;background:#121821}.card{background:#1b2430;border-color:#303e50}.intro,.eyebrow,.note,.identity span,.connection span{color:#a5b2c6}.note{background:#232e3d}input{background:#151e29;border-color:#44536b}.identity,.connection,.server-address{border-color:#344055}a,button.text{color:#a2afff}.secondary,button.secondary{background:#2a3649;color:#e3e9f1;border-color:#44536b}button.secondary:hover{background:#35445b}#status{color:#b3c5e5}}
:root{color-scheme:dark;color:#edf0f4;background:#101318}main{max-width:720px}.card{background:#191e25;border-color:#303944;box-shadow:none}.brand span{color:#afbcff}.intro,.eyebrow,.note,.identity span,.connection span,.step-hint{color:#a4afbd}.note{background:#252c35}input{background:#101318;border-color:#303944}.identity,.connection,.server-address{border-color:#303944}a,button.text{color:#afbcff}.button.secondary,button.secondary{background:#252c35;color:#edf0f4;border-color:#303944}.button.secondary:hover,button.secondary:hover{background:#303944}#status{color:#91d2d8}.connect-step{display:flex;align-items:flex-start;gap:18px;border-top:1px solid #303944;padding:28px 0}.connect-step>div{flex:1;min-width:0}.step-number{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:#2c3551;color:#afbcff;font-size:12px}.connect-step h2{margin:3px 0 14px;font-size:20px}.connect-step p,.setup-steps li{font-size:13px;line-height:1.8}.step-hint{font-size:11px!important;line-height:1.8;margin-top:16px}.provider-tabs{display:flex;gap:4px;background:#101318;border-radius:11px;padding:4px;margin:20px 0}.provider-tabs button{flex:1;background:transparent;color:#a4afbd;font-size:13px;min-height:42px;padding:8px}.provider-tabs [aria-pressed=true]{background:#2c3551;color:#edf0f4}.server-address{background:#101318}.server-address>span{color:#a4afbd;font-size:10px}.server-address code{font-size:13px;color:#91d2d8}.server-address button{font-size:12px;min-height:40px;padding:8px 12px}.step-source{display:block;font-size:11px;margin-top:18px}.setup-steps{padding-left:18px}.setup-steps li{margin:18px 0}.connect-step blockquote{margin:18px 0;padding:18px;border-left:2px solid #afbcff;background:#101318;font-size:12px;line-height:1.9;color:#a4afbd;border-radius:0 10px 10px 0}.actions .secondary{font-size:12px}.connect-step .actions{margin-top:18px}#prompt-status{font-size:12px;color:#91d2d8}.t-connect-entry{display:flex}
@media(max-width:500px){.card{padding:24px 18px}.connect-step{gap:12px;padding-block:24px}.step-number{width:25px;height:25px;font-size:10px;border-radius:7px}.connect-step h2{font-size:18px}.connect-step .button{font-size:12px}.connect-step .actions{gap:8px}.connect-step .actions>*{width:100%}h1{font-size:29px}}