body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34;color:#fff;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:50vh;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App-main{margin:0 auto;max-width:800px;padding:20px}.message-container{background-color:#1a1d24;margin:0;padding:20px;text-align:left;width:100%}.message-container h2{color:#61dafb;font-size:1.5rem;margin-bottom:15px}.text-content{line-height:1.6;padding:10px}.message-container pre,.text-content{word-wrap:break-word;background-color:#2d323d;border-radius:4px;margin:10px 0;white-space:pre-wrap}.message-container pre{font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto;padding:15px}.code-block-container{border-radius:6px;box-shadow:0 2px 8px #0003;margin:20px 0;overflow:hidden}.code-language{background-color:#2d2d2d;border-bottom:1px solid #3d3d3d;color:#d4d4d4;font-family:Courier New,Courier,monospace;font-size:.8rem;padding:8px 15px}.code-block{background-color:#1e1e1e;display:flex;position:relative}.line-numbers{background-color:#252525;border-right:1px solid #3d3d3d;color:#858585;min-width:40px;padding:15px 8px;text-align:right;-webkit-user-select:none;user-select:none}.line-number{display:block;font-size:.8rem}.code-content,.line-number{font-family:Courier New,Courier,monospace;line-height:1.5}.code-content{background-color:#1e1e1e;color:#d4d4d4;flex:1 1;font-size:.9rem;margin:0;overflow-x:auto;padding:15px;tab-size:4;white-space:pre}.code-content .keyword{color:#569cd6}.code-content .string{color:#ce9178}.code-content .comment{color:#6a9955}.code-content .function{color:#dcdcaa}.code-content .number{color:#b5cea8}.code-content .operator{color:#d4d4d4}.code-content .class{color:#4ec9b0}.code-content .variable{color:#9cdcfe}.tabbed-section{overflow:hidden}.tabbed-section,.top-header-content{background-color:#1a1d24;border-radius:6px;box-shadow:0 2px 8px #0003;margin:20px 0}.top-header-content{padding:20px}.top-header-content .text-content{background-color:initial;margin:10px 0;padding:0}.top-header-content .code-block-container{margin:15px 0}.tab-headers{background-color:#2d323d;border-bottom:1px solid #3d3d3d;display:flex;overflow-x:auto}.tab-header{background-color:initial;border:none;border-bottom:3px solid #0000;color:#d4d4d4;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-header:hover{background-color:#3d424d;color:#fff}.tab-header.active{border-bottom-color:#61dafb;color:#61dafb}.tab-content,.tab-header.active{background-color:#1a1d24}.tab-panel{padding:20px}.section-content{width:100%}.section-content .text-content{background-color:initial;margin:10px 0;padding:0}.section-content .code-block-container{margin:15px 0}.api-key-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.api-key-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:90%}.api-key-modal-content h2{color:#333;margin-bottom:1rem;margin-top:0}.api-key-modal-content input{border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.api-key-modal-content button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.api-key-modal-content button:hover{background-color:#0056b3}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.fdeea1bc.css.map*/