:root{font-family:Inter,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}body{background-color:#202123;color:#fff;margin:0;padding:0;overflow:hidden;height:100%;width:100%}.background{position:absolute;top:0;right:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.peaches{position:absolute;font-size:5rem;animation:movePeach linear infinite;opacity:.2;filter:blur(.2rem)}@keyframes movePeach{0%{transform:translate(0) rotate(0)}to{transform:translate(-105vw,105vh) rotate(360deg)}}.app{display:flex;flex-direction:column;height:100vh;width:100vw}.chat-container{flex-grow:1;overflow-y:auto;padding:20px;z-index:1}.message{margin-bottom:15px;padding:10px 15px;border-radius:8px}.message.user{background-color:#2e2e2e;align-self:flex-end}.message.chadgpt{background-color:#444654;align-self:flex-start}div:has(>code.language-html){border-radius:25px;background:linear-gradient(to right,#80008080,#4b008280)!important;border-image:linear-gradient(to right,#bcffb6,#d7dda0) 1;border:5px solid transparent;padding-left:1vw!important}div:has(>code.language-css){border-radius:25px;background:linear-gradient(to right,#80006f80,#4b008280)!important;border-image:linear-gradient(to right,#bcffb6,#d7dda0) 1;border:5px solid transparent;padding-left:1vw!important}div:has(>code.language-javascript){border-radius:25px;background:linear-gradient(to right,#80008080,#4b008280)!important;border-image:linear-gradient(to right,#bcffb6,#d7dda0) 1;border:5px solid transparent;padding-left:1vw!important}.chat-input{display:flex;padding:10px}.chat-input input[type=text]{flex-grow:1;padding:1px;border:1px solid transparent;border-radius:10px;margin-right:10px;background-color:#343541;border-image:linear-gradient(90deg,#00c0ff,#ffcf00 49%,#fc4f4f 80%,#00c0ff);border-image-slice:1;background-image:linear-gradient(#343541,#343541),linear-gradient(90deg,#00c0ff,#ffcf00 49%,#fc4f4f 80%,#00c0ff);background-origin:border-box;background-clip:content-box,border-box;background-size:100% 100%,200% 100%;box-sizing:border-box;animation:slidebg 5s linear infinite;color:#fff;z-index:10}.chat-input input[type=text]:focus{outline:none;background-image:linear-gradient(#343541,#343541),linear-gradient(90deg,#00c0ff,#ffcf00 49%,#fc4f4f 80%,#00c0ff);background-origin:border-box;background-clip:content-box,border-box;background-size:100% 100%,200% 100%;box-sizing:border-box;animation:slidebg 5s linear infinite}@keyframes slidebg{to{background-position:200% 0}}.chat-input button{padding:10px 20px;background:linear-gradient(124deg,#ff2400,#e81d1d,#e8b71d,#e3e81d,#1de840,#1ddde8,#2b1de8,#dd00f3,#dd00f3);background-size:400% 400%;color:#fff;font-weight:700;text-shadow:#202123 2px 2px 3px;font-size:16px;border:none;border-radius:5px;cursor:pointer;animation:rainbow 18s ease infinite}.chat-input button:hover{animation:vibrate 2s infinite,rainbow .75s ease infinite}.chat-input button:after{content:"TALK TO ME!";position:absolute;top:-10;bottom:0;left:0;right:0;color:red;font-size:22px;margin-top:10px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#202123}::-webkit-scrollbar-thumb{background:#444654;border-radius:4px}@keyframes vibrate{0%{transform:translate(0) scale(1)}20%{transform:translate(-2px,2px) rotate(3deg)}40%{transform:translate(2px,-2px) rotate(-3deg)}50%{transform:scale(1.5)}60%{transform:translate(-2px,-2px) rotate(3deg)}80%{transform:translate(2px,2px) rotate(+3deg)}to{transform:translate(0) scale(1)}}@keyframes rainbow{0%{background-position:0% 82%}50%{background-position:100% 19%}to{background-position:0% 82%}}body{margin:0;height:100vh;background-color:#000;overflow:hidden;display:flex;justify-content:center;align-items:center}.caution-tape{position:fixed;width:150%;height:200px;background:linear-gradient(to right,#f0f,#f7f,#0ff);color:#fff;font-weight:700;font-size:4rem;font-family:Impact,sans-serif;display:flex;align-items:center;overflow:hidden;box-shadow:0 0 80px #f0f,0 0 100px #0ff;background-size:200% 200%;animation:glowPulse 3s ease-in-out infinite;z-index:1000}.tape-1{top:50%;left:-25%;transform:rotate(-29deg);transform-origin:center center}.tape-2{bottom:50%;left:-25%;transform:rotate(29deg);transform-origin:center center}.scrolling-text{position:absolute;width:200%;animation:scroll-text 20s linear infinite;white-space:nowrap}@keyframes scroll-text{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 80px #f0f,0 0 100px #0ff}50%{box-shadow:0 0 120px #f0f,0 0 140px #0ff}}