@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}body{background:#113151;scroll-behavior:smooth}::-webkit-scrollbar{display:none}:root{--main-color: #ffffff;--supporting-color: #cef2f9;--chat-outgoing: #1d8da3ca;--chat-incoming: #47434322;--white: #fff;--black: #000;--light-black: #00000074;--header-bg: linear-gradient(220deg, #1879b0 0%, #6bf8e7 100%)}.dark-mode{--main-color: #47616e6a;--supporting-color: #032a3294;--chat-outgoing: #14d8ffcc;--chat-incoming: #ffffff33;--white: #000000;--black: #ffffff;--light-black: #ffffff8e;--header-bg: linear-gradient(220deg, #022031 0%, #a48888 100%)}p{font-size:15px}textarea{font-size:15px;background:transparent;resize:none;border:none;outline:none}.dots{display:flex;gap:4px;align-items:center;margin-top:12px}.dot{width:8px;height:8px;background-color:var(--black);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:relative;scale:.7;animation:moveDot 1s infinite ease-in-out;-webkit-animation:moveDot 2s infinite ease-in-out}@keyframes moveDot{50%{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);-o-transform:translateY(-6px);opacity:.4;scale:1}}main{width:100%;height:100%;background:var(--main-color)}header{width:100%;color:var(--black);padding:.5rem 7rem;background-color:#0093e9;background:var(--header-bg);position:sticky;top:0;z-index:99;display:flex;justify-content:space-between;align-items:center}header span{font-size:14px;font-weight:500;letter-spacing:1px;background:#1f0c0c26;color:#ffdb0e;padding:5px 12px;margin:0 5px;outline:1px solid var(--black);outline-offset:2px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.social{display:flex;align-items:center;gap:1rem;color:var(--light-black)}.social .social-icons{display:flex;gap:1rem}.social .social-icons i{color:var(--black);background:#7eccd83c;padding:10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.social .social-icons i:hover{background:#7eccd883;color:var(--black);box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.container{width:100%;min-height:100vh;padding:0 6rem;background-color:var(--main-color);overflow:auto}.container-items{overflow-y:auto}.suggestion-wrapper{padding:1rem 4rem;margin:1rem}.suggestion-wrapper .intro-text{margin-bottom:1rem;font-size:38px;background-color:#d9afd9;background-image:linear-gradient(0deg,#d9afd9,#97d9e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.suggestion-container{width:100%;height:90%;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;justify-content:center;align-items:center}.suggestion-container .suggestion{position:relative;width:100%;height:6rem;background:#75c6c727;padding:12px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.suggestion-container .suggestion:hover{cursor:pointer;scale:1.1;box-shadow:#32325d40 0 30px 60px -12px,#0000004d 0 18px 36px -18px}.suggestion-container .suggestion p{font-size:13px;font-weight:600;color:var(--light-black);margin-bottom:.75rem}.suggestion-container .suggestion i{position:absolute;bottom:10px;right:10px;background:var(--supporting-color);margin-top:10px;padding:9px;font-size:14px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.author{color:var(--light-black);text-align:center;margin-top:2rem}.input-container{width:100%;background:var(--supporting-color);padding:0 6rem;position:sticky;bottom:0;left:0}.user-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:15px;margin-top:1rem;border-bottom-left-radius:17px;border-bottom-right-radius:17px;z-index:99}.user-section .input-field{width:100%;padding:8px 20px;display:flex;align-items:center;gap:10px;border:2px solid var(--black);border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}.user-section .btn{width:50px;aspect-ratio:1;border:2px solid var(--black);display:flex;justify-content:center;align-items:center;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}.user-section .delete:hover{border-color:#ff89898a}.user-section .delete:hover i{color:#be0000}input[type=text]{width:100%;background-color:transparent;border:none;outline:none}input[type=text]::placeholder{color:var(--light-black)}input[type=text]:focus-visible{color:var(--black)}.current-date{font-size:12px;text-align:center;margin-top:1rem;padding-bottom:10px;color:var(--light-black);border-bottom:1px solid rgba(109,101,101,.318)}.current-date .fa-calendar-days{font-size:12px;color:inherit}.fa-solid{font-size:1rem;color:var(--black);cursor:pointer}.outgoing-container{width:85%;float:inline-end}.outgoing{float:inline-end;display:flex;align-items:flex-end;gap:5px;margin:1rem 0;padding:10px}.data{width:100%;min-height:35px;padding:5px 15px;background:var(--chat-outgoing);color:var(--white);border-top-right-radius:15px;border-bottom-left-radius:15px;border-top-left-radius:15px;border:1px solid var(--black)}.profile{width:30px;height:30px;background:#099494df;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:flex;justify-content:center;align-items:center;padding:10px;margin:0 5px;outline:1px solid rgba(164,160,160,.537);outline-offset:2px}.profile i{font-size:15px}.incoming-container{width:85%;padding:5px 15px;float:inline-start}.incoming{width:auto;margin-bottom:3rem;float:left;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:5px}.incoming .data{color:var(--black);background:var(--chat-incoming);border-bottom-right-radius:15px;border-bottom-left-radius:0;border:1px solid var(--black);position:relative}.incoming .profile{background:#8c87c6}.copy-btn{position:absolute;bottom:-1.5rem;left:0;padding:3px 10px;font-size:12px;color:var(--black);background-color:#d2c6c63c;border:none;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;display:flex;align-items:center;justify-content:center;gap:5px}.copy-btn .fa-solid{font-size:12px}.copy-btn:hover{cursor:pointer;background-color:#d2c6c667}.error{max-width:90%;margin:auto;display:flex;justify-content:center;align-items:center;gap:10px;background:#ea7f7f;color:var(--black);text-transform:capitalize;padding:1rem;scale:.96;outline:1px solid rgba(255,0,0,.794);outline-offset:3px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:sticky;bottom:5rem}@media (width<720px){header{padding:10px;flex-direction:column}.social{display:none}.container{height:100%;padding:10px}.suggestion-wrapper{padding:5px}.suggestion-container{padding:10px;grid-template-columns:repeat(2,1fr)}.suggestion-container .suggestion{height:8rem}.input-container{padding:0 1rem}.outgoing-containe,.incoming-container{width:95%}.copy-btn{bottom:-2rem}}