:root{color-scheme:light;font-family:Arial,sans-serif;color:#252922;background:#f5f5f0}*{box-sizing:border-box}body{margin:0}.mono{font-family:monospace;font-size:11px;letter-spacing:.09em}header{margin:0 6%;height:92px;border-bottom:1px solid #d0d3c8;display:flex;justify-content:space-between;align-items:center}header a{font-size:35px;font-weight:700;letter-spacing:-2px;text-decoration:none;color:inherit}header a span{font-size:17px;vertical-align:top;margin-left:3px}header>.mono{color:#64695e}main{width:min(820px,88%);margin:80px auto}.eyebrow{display:flex;align-items:center;gap:10px;color:#596324}.dot{display:block;width:6px;height:6px;border-radius:50%;background:#596324}h1{font-size:clamp(52px,8vw,88px);font-weight:500;letter-spacing:-.065em;line-height:1.1;margin:28px 0 22px}h1>span{color:#7c8937}.intro{font-size:18px;line-height:1.7;color:#64695e;margin-bottom:45px}.console{background:#ebeee6;border:1px solid #d0d3c8;padding:30px}.console-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #cbd1c1;padding-bottom:20px}h2{font-size:20px;font-weight:500;margin:0;letter-spacing:-.035em}.console-top>span{color:#64695e}.status-row{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.status{color:#64695e}.status[data-state=ok]{color:#46601e}.status[data-state=error]{color:#a63e2c}.endpoint{color:#64695e}.console>p{font-size:15px;line-height:1.6;color:#64695e}button{font:inherit;font-size:14px;background:#d6e54b;color:#252922;border:1px solid #b9c735;padding:15px 20px;cursor:pointer;display:flex;gap:45px;justify-content:space-between;margin:25px 0 20px}button:hover{background:#c8d63e}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:2px solid #596324;outline-offset:5px}.result{min-height:46px;border-top:1px solid #cbd1c1;padding-top:18px;font-family:monospace;font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:#596324}.meta{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:14px}.meta>.mono{color:#64695e}footer{margin:0 6%;padding:25px 0;border-top:1px solid #d0d3c8;display:flex;justify-content:space-between;font-size:11px;color:#64695e}@media(max-width:600px){header{height:78px}header a{font-size:30px}header>.mono{font-size:9px}main{margin:50px auto}.intro{font-size:16px}.console{padding:22px}.console-top{align-items:start}h2{font-size:19px;max-width:180px}.console-top>span{white-space:nowrap;font-size:9px}.status-row{flex-direction:column;gap:12px}.meta{flex-direction:column;gap:8px}.result{min-height:68px}footer{gap:20px;font-size:10px}footer>span:last-child{text-align:right}}