:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:dark;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--navbar-bg: #242424;--navbar-brand: #fff;--navbar-border: #333;--card-bg: #1a1a1a;--card-border: #333;--link-color: #aaa;--footer-text: #888;--btn-bg: #1a1a1a;--btn-border: transparent;--btn-text: inherit}.light-mode{color-scheme:light;--bg-color: #ffffff;--text-color: #213547;--navbar-bg: #f9f9f9;--navbar-brand: #213547;--navbar-border: #e2e2e2;--card-bg: #f5f5f5;--card-border: #ddd;--link-color: #555;--footer-text: #666;--btn-bg: #f9f9f9;--btn-border: #ccc;--btn-text: #213547}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s;margin:0}#root{width:100%;margin:0;padding:0;text-align:center}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background-color:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);position:sticky;top:0;z-index:1000;transition:background-color .3s,border-color .3s}.navbar-brand{font-size:1.25rem;font-weight:700;color:var(--navbar-brand);letter-spacing:-.5px}.navbar-links{display:flex;align-items:center;gap:1.5rem}.grafana-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--link-color);font-size:.9rem;font-weight:500;transition:all .2s ease-in-out;padding:.5rem .75rem;border-radius:6px}.grafana-link:hover{color:#f47a20;background-color:#f47a201a}.grafana-link svg{transition:transform .2s}.grafana-link:hover svg{transform:scale(1.1)}.theme-toggle{background:none;border:1px solid var(--navbar-border);color:var(--link-color);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.theme-toggle:hover{background-color:#8080801a;color:var(--navbar-brand)}.main-content{flex:1;padding:4rem 2rem;max-width:1280px;margin:0 auto}.card{padding:2em}button:not(.theme-toggle){background-color:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text)}.api-response{margin-top:1.5rem;padding:1rem;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--card-border);transition:background-color .3s,border-color .3s}.read-the-docs{color:var(--footer-text)}