: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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1600px;margin:0 auto;text-align:center}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-attachment:fixed;transition:.2s ease;background:linear-gradient(135deg,#1e1e2f,#2a2a3d,#3b3b50)}body.dark{background:linear-gradient(135deg,#1e1e2f,#2a2a3d,#3b3b50);color:#fff}body.light{background:linear-gradient(135deg,#f4f0fa,#e6e2f3,#d9d2ec);color:#1e1e2f}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.App{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:100vh}.title{display:inline-flex;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-top:-1rem}.title img{margin-top:40px;height:85px;width:auto;max-width:85px}#twitchy{font-size:5rem;margin-bottom:.1rem;margin-top:2rem}.purple-y{color:purple}p{font-size:20px}.themeButton{border:none;border-radius:6px;padding:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background-color .2s ease}body.light .themeButton{background-color:purple}body.light .themeButton:hover,body.dark .themeButton{background-color:#e76ce7}body.dark .themeButton:hover{background-color:purple}.searchbar{display:flex;gap:.5rem;margin-bottom:.8rem}#searchInput{padding:1rem 1.3rem;font-size:1rem;border:1px solid #8a2be2;width:20vw;min-width:200px;max-width:400px;background-color:transparent}body #searchInput:-webkit-autofill{border:1px solid #8a2be2;background-color:transparent;transition:background-color 9999s ease-in-out 0s}body.light #searchInput,body.light #searchInput:-webkit-autofill{-webkit-text-fill-color:#1e1e2f!important}body.dark #searchInput,body.dark #searchInput:-webkit-autofill{-webkit-text-fill-color:white!important}#searchInput:focus{outline:2px solid #8a2be2}body.dark #searchInput::placeholder{-webkit-text-fill-color:#b9b9d6;color:#b9b9d6}body.light #searchInput::placeholder{-webkit-text-fill-color:#6c6ca8;color:#6c6ca8}.genButton{padding:1rem;font-size:1rem;transition:.2s ease;color:#fff}.genButton:hover{text-decoration:none;background-color:#3e3e3e}.stream{display:flex;gap:.3rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:2rem;background:#ffffff0d;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem}body.dark .stream{background:#0000000d}.stream iframe{margin:1rem}#twitch-chat-embed,.twitch-stream-embed{box-shadow:0 0 30px #8a2be233}.buttonRow{display:flex;gap:1rem;justify-content:center;margin-top:1rem}button,input{border-radius:8px;border:none}.toggleChatButton,.closeStreamButton{margin-top:1rem;padding:.5rem 1.5rem;font-size:1rem;color:#fff;border:none;border-radius:6px;cursor:pointer;background-color:#8a2be2;transition:background-color .2s ease;margin-bottom:2rem}.toggleChatButton:hover,.closeStreamButton:hover{background-color:#6c1bbd}.credits a{position:fixed;bottom:10px;right:20px;font-size:.8rem;color:#aaa;opacity:.7}body.light .credits a{color:#444}body.light .credits a:hover{color:#666}body.dark .credits a{color:#bbb}body.dark .credits a:hover{color:#999}