:root{font-family:system-ui,sans-serif;color:#1d2939;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:5vh auto;padding:24px}header{margin-bottom:28px}h1{font-size:2rem;margin:12px 0 8px}h2{font-size:1.2rem;margin:0 0 8px}p{line-height:1.5;color:#526071}.badge{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#6b5700;background:#fff0a8;padding:7px 10px;border-radius:8px}section{background:white;padding:28px;border:1px solid #e5eaf1;border-radius:16px;box-shadow:0 10px 30px #2434500b}label{display:block;font-weight:600;font-size:.9rem;margin:16px 0}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cdd5df;border-radius:8px;font:inherit}button,.button{display:inline-block;background:#246fe5;border:0;border-radius:8px;padding:11px 16px;color:white;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}.secondary{background:#e9eef7;color:#243b62}.row{display:flex;gap:20px;justify-content:space-between;align-items:center}hr{border:0;border-top:1px solid #e7ebf0;margin:24px 0}code,pre{background:#f1f4f8;padding:4px;border-radius:4px;overflow-wrap:anywhere}pre{white-space:pre-wrap;padding:12px}#new-key{padding:14px;background:#fff8d7;margin-top:16px;border-radius:8px}ul{padding-left:20px}li{margin:12px 0}li button{margin-left:12px;padding:5px 10px;background:#eef1f6;color:#7f2431;font-size:.8rem}#message{color:#a32222} @media(max-width:600px){.row{display:block}.row .button{margin-top:12px}}