:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme: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{display:flex;justify-content:center;align-items:center;height:100%;margin:0}h1{margin:0;font-size:3.2em;line-height:1.1}noumena-app{display:block;max-width:1280px;overflow:hidden}.app-layout{height:100%;display:grid;grid-template-areas:"code steps" "response response";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;padding:10px}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}.inline-button{padding:.1em .5em;font-size:1em;border-radius:4px;background-color:#2a2a2a;display:inline-block;margin:0 .2em;vertical-align:baseline}.input-container{display:flex;justify-content:center;gap:.5em}input[type=text],input[type=password]{border-radius:8px;border:1px solid #444;padding:.6em 1.2em;font-size:1em;font-family:inherit;background-color:#1a1a1a;color:#ffffffde;transition:border-color .25s}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#646cff}.step-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;height:100%}.error-message{margin-top:1em;text-align:left;background-color:#ff46461a;border-radius:8px;padding:.5em;border-left:3px solid #ff4646}.error-message h3{font-size:1em;margin:0 0 .5em;color:#ff4646}.error-message p{margin:0;font-size:.9em;color:#e6e6e6}.loading-message{margin-top:1em;text-align:center;background-color:#4299e11a;border-radius:8px;padding:.8em;border-left:3px solid #4299e1;color:#e6e6e6;font-weight:500}.feature-list{text-align:left;margin:1em 0}.form-container{width:100%;max-width:400px;margin:1em 0}.form-group select{width:100%;font-size:16px;padding:8px}.form-group{display:flex;flex-direction:column;margin-bottom:1em;text-align:left}.form-group label{margin-bottom:.5em;font-weight:500}response-display{grid-area:response;display:block;max-height:500px;border-radius:8px;background-color:#646cff05;border:1px solid rgba(100,108,255,.1);padding:1rem;box-sizing:border-box;overflow:hidden}.response-heading{font-size:1.5em;margin-top:0;margin-bottom:1rem;color:#646cff;text-align:center;border-bottom:1px solid rgba(100,108,255,.2);padding-bottom:.5rem}.request-details{display:flex;flex-wrap:wrap;padding:.5em;font-family:Courier New,monospace;font-size:.85em}.method,.endpoint,.status-code{padding:.3em .6em;border-radius:4px;margin-right:.5em;margin-bottom:.3em}.method{background-color:#4a5568;color:#fff;font-weight:700;min-width:50px;text-align:center}.endpoint{background-color:#2d3748;color:#9cdcfe;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}.status-code{background-color:#38a169;color:#fff;min-width:30px;text-align:center}.json-output{display:block;overflow-y:auto;max-height:350px;margin:0;font-family:Courier New,monospace;font-size:.9em;padding:1em;color:#e6e6e6;white-space:pre-wrap;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.back-button{border-radius:8px;border:1px solid #444;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2a2a2a;cursor:pointer;transition:border-color .25s,background-color .25s;margin-right:.5em}.back-button:hover{border-color:#646cff;background-color:#333}steps-component{padding:20px;grid-area:steps}code-preview-component{grid-area:code;background-color:#1a1b26;padding:20px;font-family:Consolas,Monaco,Courier New,monospace;box-shadow:0 4px 6px #0000001a}.code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #444}.code-title{color:#bd93f9;font-size:14px}.code-copy-btn{background-color:#44475a;color:#f8f8f2;border:none;border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s}code-preview-component:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background-color:#6272a4}.code-content{line-height:1.5;font-size:14px;max-width:100%;min-width:555px;overflow-x:hidden}.code-line{display:flex;flex-wrap:wrap;max-width:100%}.line-number{color:#6272a4;text-align:right;padding-right:12px;-webkit-user-select:none;user-select:none;min-width:20px}.line-code{white-space:pre-wrap;overflow-wrap:break-word;max-width:100%}.keyword{color:#f7768e}.function{color:#bb9af7}.string{color:#9d7cd8}.number{color:#ff9e64}.api-annotation{color:#7dcfff}.token-info{margin:1em 0;padding:1em;background-color:#1a1b26;border-radius:6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;color:#f8f8f2;text-align:left;white-space:pre-wrap;overflow-x:auto;width:100%;box-sizing:border-box;box-shadow:0 4px 6px #0000001a;overflow-y:auto;max-height:300px}#logged-in-token-info{width:100%;text-align:left;overflow-y:auto}