:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef5ef;background:#0a1110;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{place-items:center;min-height:100vh;padding:32px;display:grid}section{background:#101c19;border:1px solid #29413a;border-radius:24px;width:min(680px,100%);padding:48px;box-shadow:0 24px 80px #0008}.eyebrow{color:#8fe3b4;letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700}h1{letter-spacing:-.05em;margin:8px 0 16px;font-size:clamp(42px,8vw,72px);line-height:.96}.lede{color:#b8c9c0;font-size:20px;line-height:1.55}ul{gap:14px;margin:32px 0;padding:0;list-style:none;display:grid}li:before{content:"✓";color:#8fe3b4;margin-right:12px}.status{color:#b8c9c0;border-top:1px solid #29413a;margin:0;padding-top:24px}.status span{background:#8fe3b4;border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block;box-shadow:0 0 16px #8fe3b4}.oauth-card{width:min(620px,100%)}.oauth-card h1{font-size:clamp(36px,7vw,58px)}.oauth-form{gap:18px;margin-top:28px;display:grid}.oauth-form label{color:#d5e2db;gap:8px;font-weight:700;display:grid}.oauth-form input{color:#eef5ef;width:100%;font:inherit;background:#0a1110;border:1px solid #3b5d53;border-radius:10px;padding:13px 14px}.oauth-form input:focus{outline-offset:2px;outline:2px solid #8fe3b4}.oauth-form button{color:#07100d;font:inherit;cursor:pointer;background:#8fe3b4;border:0;border-radius:10px;padding:13px 18px;font-weight:800}.oauth-form button.secondary{color:#eef5ef;background:0 0;border:1px solid #3b5d53}.oauth-form button:disabled{cursor:wait;opacity:.65}.button-row{justify-content:flex-end;gap:12px;display:flex}.permission-box{color:#b8c9c0;background:#0c1613;border:1px solid #29413a;border-radius:14px;padding:18px}.permission-box p{margin:8px 0 0;line-height:1.5}.form-message{color:#b8c9c0;line-height:1.5}.form-error{color:#ffb4ab;line-height:1.5}.client-connections p{overflow-wrap:anywhere;line-height:1.55}.client-connections a{color:#8fe3b4}.client-connections h2{margin-bottom:0}.client-connections select{color:#eef5ef;width:100%;font:inherit;background:#0a1110;border:1px solid #3b5d53;border-radius:10px;padding:13px 14px}.client-connections select:focus,.client-connections button:focus-visible,.client-connections summary:focus-visible{outline-offset:2px;outline:2px solid #8fe3b4}.client-connections summary{cursor:pointer;color:#8fe3b4}.client-actions{flex-wrap:wrap;gap:12px;display:flex}.client-source{border-top:1px solid #29413a;padding-top:16px}@media (max-width:600px){.client-connections{padding:24px}.client-actions{display:grid}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#211f1f;background:#faf8f4}body{overflow-x:clip}main{min-width:0}section{color:#211f1f;max-width:100%;box-shadow:none;background:#fff;border-color:#d9d5ce;border-radius:12px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #008c9e}.eyebrow,.lede,.status,.form-message{color:#5c5b57}.status{border-color:#d9d5ce}.status span{box-shadow:none;background:#0fb580}.oauth-card{width:100%;max-width:none;padding:32px}.oauth-card h1{font-size:clamp(28px,4vw,44px);line-height:1.15}.oauth-form{max-width:760px}.oauth-form label{color:#211f1f}.oauth-form input,.client-connections select{color:#211f1f;background:#fff;border-color:#827d75}.oauth-form button{color:#fff;background:#211f1f;border-radius:8px}.oauth-form button:hover{background:#3b3838}.oauth-form button.secondary{color:#211f1f;background:#fff;border-color:#827d75}.permission-box{color:#5c5b57;background:#faf8f4;border-color:#d9d5ce}.form-error{color:#9c3035}.client-connections{width:100%}.client-connections a,.client-connections summary{color:#075f6a}li:before{color:#176447}.button-row{flex-wrap:wrap}@media (max-width:600px){main{padding:16px}.oauth-card{padding:20px}}
