:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#182b35;background:#f2f5f5;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{max-width:960px;margin:auto;padding:24px;display:flex;align-items:center;gap:16px}header a{color:inherit;text-decoration:none;font-weight:700}main{max-width:960px;margin:auto;padding:0 24px 48px}h1{font-size:2.4rem;letter-spacing:-.05em;margin:18px 0 0}h2{font-size:1.3rem;margin-top:0}h3{font-size:1rem}p{max-width:76ch}.intro{color:#52646e}.badge{font-size:.75rem;background:#deeadf;border-radius:20px;padding:4px 10px}.notice{border-left:3px solid #b68524;background:#fff6e4;padding:14px 18px}section{background:#fff;border:1px solid #dbe3e7;border-radius:10px;padding:24px;margin:24px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0}label,legend{font-weight:600}label{display:block;margin-top:14px}input[type=email],input[type=text],input:not([type]){display:block;width:100%;max-width:520px;padding:10px;border:1px solid #90a3ad;border-radius:5px;font:inherit;margin:6px 0 14px}button{font:inherit;border:1px solid #185b54;border-radius:5px;background:#185b54;color:white;padding:8px 15px;cursor:pointer;margin:4px 4px 4px 0}button.secondary{background:white;color:#185b54}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d59b2c;outline-offset:3px}fieldset{border:1px solid #dbe3e7;border-radius:5px;margin:16px 0}#scopes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:8px}#scopes label{font-size:.9rem;font-weight:400;margin:0}#scopes input{margin-right:8px}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}dt{color:#52646e}dd{text-align:right;margin:0;font-variant-numeric:tabular-nums}.key{border-top:1px solid #dbe3e7;padding:18px 0;overflow-wrap:anywhere}.key p{margin:6px 0}.hint{font-size:.85rem;color:#52646e}code{font-size:.9em;overflow-wrap:anywhere}footer{display:flex;flex-wrap:wrap;gap:18px;font-size:.85rem}a{color:#185b54}#status[data-error=true]{color:#9c2626}#status:empty{display:none}[hidden]{display:none!important}#secret{font-family:ui-monospace,monospace;max-width:100%}@media(max-width:500px){header,main{padding-left:16px;padding-right:16px}section{padding:18px}h1{font-size:2rem}dl{grid-template-columns:1fr}dd{text-align:left;margin-top:-10px}}