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{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;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.soundboard{grid-gap:15px;align-items:center;background:linear-gradient(145deg,#0f0c29,#302b63 50%,#24243e);box-shadow:0 0 30px #0ff3,0 0 60px #ff00ff1a;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);justify-items:center;min-height:80vh;padding:20px}.sound-button{background:#6cdbac1a;border:3px solid #000;border-radius:8px;box-shadow:0 0 10px #6cdbac4d,inset 0 0 5px #6cdbac33;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;height:auto;min-height:60px;overflow:hidden;padding:15px 25px;position:relative;text-shadow:2px 2px 5px #00000080;transition:transform .2s ease-out;width:100%}.sound-button:hover{border-color:#00ffbf;box-shadow:0 0 25px #ff007f,0 0 50px #00ffbf;transform:scale(1.1)}.sound-button:active{background:linear-gradient(45deg,#0ff,#f0f,#fb0);transform:scale(.95)}.soundboard-wrapper{align-items:center;background:linear-gradient(145deg,#0f0c29,#302b63 50%,#24243e);display:flex;flex-direction:column;height:calc(100vh - 70%);justify-content:center;min-height:100vh;width:100%}.cooldown-timer{animation:pulseTimer 1s ease-in-out infinite alternate;background:#00000080;border:2px solid #0ff;border-radius:10px;box-shadow:0 0 15px #00ffffb3;color:#fff;font-size:1.8em;font-weight:700;margin-bottom:20px;padding:10px 20px;text-shadow:0 0 10px #f0f,0 0 20px #0ff}@keyframes pulseTimer{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.sound-button.disabled-button{border-color:#555!important;box-shadow:none!important;cursor:not-allowed;filter:grayscale(50%);opacity:.4;transform:none!important;transition:opacity .3s ease-in-out,filter .3s ease-in-out}.sound-button.disabled-button:hover{border-color:#555;box-shadow:none}.sound-button.disabled-button:active,.sound-button.disabled-button:hover{background:linear-gradient(45deg,#333,#444,#555);transform:none}@keyframes pulseGlow{0%{box-shadow:0 0 10px #00ffbf,0 0 20px #90f}50%{box-shadow:0 0 20px #ff007f,0 0 40px #00ffbf}to{box-shadow:0 0 10px #00ffbf,0 0 20px #90f}}.sound-button{animation:pulseGlow 3s ease-in-out infinite alternate}@keyframes backgroundShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.soundboard{animation:backgroundShift 20s linear infinite;background-size:200% 200%}.sound-button.clicked-effect{animation:clickPulse .5s ease-out;border-color:#fff;box-shadow:0 0 40px #fff,0 0 80px #f0f}@keyframes clickPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.navbar{background:linear-gradient(90deg,#0a081a,#1a0f3d 50%,#0a081a);border-bottom:1px solid #6cdbac4d;box-shadow:0 4px 15px #0006,0 0 30px #00ffff1a;padding:10px 0;transition:background .3s ease-in-out,box-shadow .3s ease-in-out}.navbar-brand{color:#0ff!important;font-size:1.8em;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #0ff,0 0 15px #00ffff80;transition:text-shadow .3s ease-in-out}.navbar-brand:hover{color:#6cdbac!important;text-shadow:0 0 12px #0ff,0 0 25px #00ffffb3}.nav-link{color:#e0e0e0!important;font-size:1.2em;margin:0 15px;transition:color .3s ease-in-out,text-shadow .3s ease-in-out}.nav-link.active,.nav-link:hover{color:#a5ccdf!important;text-shadow:0 0 5px #a5ccdf,0 0 10px #a5ccdf80;transform:translateY(-2px)}.navbar-toggler{border-color:#6cdbac80}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important}.chat-app{background:linear-gradient(145deg,#0f0c29,#302b63 50%,#24243e);border-radius:15px;box-shadow:0 0 30px #0ff3,0 0 60px #ff00ff1a;box-sizing:border-box;color:#e0e0e0;display:flex;flex-direction:column;font-family:Space Mono,monospace;height:calc(100vh - 70px);margin:10px auto;max-width:900px;overflow:hidden;padding:20px;width:95%}.chat-app h1{animation:pulseTitleGlow 5s ease-in-out infinite alternate;color:#0ff;font-size:2.2rem;letter-spacing:2px;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff,0 0 40px #f0f;-webkit-user-select:none;user-select:none}.messages-display-area{flex-grow:1;margin-bottom:20px;overflow-y:auto;padding-right:10px;scrollbar-color:#6cdbac #1a0f3d;scrollbar-width:thin}.messages-display-area::-webkit-scrollbar{width:8px}.messages-display-area::-webkit-scrollbar-track{background:#1a0f3d;border-radius:10px}.messages-display-area::-webkit-scrollbar-thumb{background-color:#6cdbac;border:2px solid #1a0f3d;border-radius:10px}.message-list-container{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.message-bubble{animation:fadeIn .5s ease-out;background:#6cdbac1a;border-radius:15px;box-shadow:0 0 10px #6cdbac4d,inset 0 0 5px #6cdbac33;max-width:80%;min-width:60px;padding:10px 15px;position:relative;text-align:left;transition:transform .2s ease-out;width:-webkit-fit-content;width:fit-content}.message-bubble:hover{box-shadow:0 0 15px #6cdbac80,inset 0 0 8px #6cdbac4d;transform:translateY(-2px)}.message-sender{color:#a5ccdf;font-weight:700}.message-text{color:#fff;font-size:1.15em;font-weight:700;line-height:1.4}.message-timestamp{color:#7f7f7f;display:block;font-size:.75em;margin-top:5px;text-align:right}.no-messages-text{color:#a5ccdf;font-style:italic;padding:20px;text-align:center}.loading-indicator{animation:pulse 1.5s ease-in-out infinite;color:#6cdbac;font-size:1.1em;margin-top:20px;text-align:center}.message-input-form{border-top:1px solid #6cdbac33;box-sizing:border-box;display:block;gap:10px;margin:0 auto;max-width:600px;padding-top:15px;width:100%}.message-input-field{background-color:#0006;border:2px solid #a5ccdf;border-radius:25px;color:#e0e0e0;flex-grow:1;font-size:1em;outline:none;padding:12px 18px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.message-input-field::placeholder{color:#999}.message-input-field:focus{border-color:#6cdbac;box-shadow:0 0 15px #6cdbac80}.message-send-button{background:linear-gradient(45deg,#6cdbac,#0ff);border:none;border-radius:25px;box-shadow:0 5px 15px #0ff3;color:#0a081a;cursor:pointer;font-weight:700;padding:12px 25px;transition:background .3s ease-in-out,transform .2s ease-in-out,box-shadow .3s ease-in-out}.message-send-button:hover{background:linear-gradient(45deg,#0ff,#6cdbac);box-shadow:0 8px 20px #0ff6;transform:translateY(-2px)}.message-send-button:active{box-shadow:0 2px 5px #0ff3;transform:translateY(0)}@media (max-width:768px){.chat-app{border-radius:0;height:100vh;margin:0;padding:15px;width:100%}.chat-app h1{font-size:1.8rem;margin-bottom:15px}.message-bubble{max-width:95%;padding:8px 12px}.message-text{font-size:1em}.message-input-form{flex-direction:column;gap:8px}.message-input-field,.message-send-button{border-radius:8px;width:100%}}.chat-app2{background:green;border-radius:15px;box-shadow:0 0 30px #0ff3,0 0 60px #ff00ff1a;box-sizing:border-box;color:#e0e0e0;display:flex;flex-direction:column;font-family:Space Mono,monospace;height:calc(100vh - 70px);margin:10px auto;max-width:900px;overflow:hidden;padding:20px;width:95%}.chat-app2 h1{animation:pulseTitleGlow 5s ease-in-out infinite alternate;color:#0ff;font-size:2.2rem;letter-spacing:2px;margin-bottom:20px;text-align:left;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff,0 0 40px #f0f;-webkit-user-select:none;user-select:none}@keyframes pulseTitleGlow{0%{text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff,0 0 40px #f0f}50%{text-shadow:0 0 15px #f0f,0 0 25px #f0f,0 0 35px #f0f,0 0 45px #0ff}to{text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff,0 0 40px #f0f}}.messages-display-area2{flex-grow:1;margin-bottom:20px;overflow-y:auto;padding-right:10px;scrollbar-color:#6cdbac #1a0f3d;scrollbar-width:thin}.messages-display-area2::-webkit-scrollbar{width:8px}.messages-display-area2::-webkit-scrollbar-track{background:#1a0f3d;border-radius:10px}.messages-display-area2::-webkit-scrollbar-thumb{background-color:#6cdbac;border:2px solid #1a0f3d;border-radius:10px}.message-list-container2{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.message-bubble2{animation:fadeIn .5s ease-out;border-radius:15px;box-shadow:0 0 10px #6cdbac4d,inset 0 0 5px #6cdbac33;max-width:80%;min-width:60px;padding:10px 15px;position:relative;text-align:left;transition:transform .2s ease-out;width:-webkit-fit-content;width:fit-content}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-sender2{color:#a5ccdf;font-weight:700}.message-text2{color:#fff;font-size:1.15em;font-weight:700;line-height:1.4}.message-timestamp2{color:#7f7f7f;display:block;font-size:.75em;margin-top:5px;text-align:right}.no-messages-text2{color:#a5ccdf;font-style:italic;padding:20px;text-align:center}.loading-indicator2{animation:pulse 1.5s ease-in-out infinite;color:#6cdbac;font-size:1.1em;margin-top:20px;text-align:center}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}
/*# sourceMappingURL=main.be7ae11e.css.map*/