body{background-color:#000;color:#fff}body .navbar{display:flex;flex-direction:row;justify-content:center;align-items:center;height:50px;font-size:18px}body .navbar .left-links,body .navbar .right-links{width:50%;display:flex;gap:clamp(20px,3vw,50px)}body .navbar .left-links{margin-left:clamp(10px,2vw,40px)}body .navbar .right-links{justify-content:flex-end;margin-right:clamp(10px,2vw,50px)}body .navbar Button{height:30px}body .sidebar{position:fixed;left:0;height:100%;width:clamp(200px,50%,300px);z-index:1}body .sidebar .sidebar-theme{height:100%}body .sidebar .sidebar-theme .menu-card{height:100%;padding-top:50px;gap:10px}body .sidebar .sidebar-theme .menu-card a{width:fit-content;margin-left:10px}body .sidebar .sidebar-theme .menu-card p{margin-top:80px;padding:20px}body .sidebar .sidebar-theme .menu-card p a{margin-left:0}body .sidebar .sidebar-theme .menu-card button:first-child{width:90%;align-self:center}body .sidebar .sidebar-theme .menu-card h2{margin-top:10px;margin-left:10px;color:gray}body .sidebar .sidebar-theme .menu-card .chat-items-container{display:flex;flex-direction:column;gap:10px;height:90%;overflow-y:auto}body .sidebar .sidebar-theme .menu-card .chat-items-container .chat-item{display:flex;align-items:center;justify-content:space-evenly}body .sidebar .sidebar-theme .menu-card .chat-items-container .chat-item button{width:85%;display:inline-block;text-overflow:ellipsis;overflow:hidden;text-align:left}body .sidebar .sidebar-theme .menu-card .chat-items-container .chat-item .trashcan{width:15px;height:20px;cursor:pointer}body .sidebar .sidebar-theme .menu-card .chat-items-container .chat-item .trashcan :hover{color:red}body .menu-icon-expand{position:fixed;left:10px;top:10px;width:clamp(35px,30vw,50px);height:clamp(35px,6vw,50px);color:#969696;cursor:pointer}body .menu-icon-collapse{position:absolute;right:10px;top:10px;width:clamp(35px,30vw,50px);height:clamp(35px,6vw,50px);color:#969696;cursor:pointer}body .profile{display:flex;align-items:center;justify-content:center}body .profile svg{position:absolute;top:5px;right:5px;width:30px;height:30px}body .profile svg :hover{cursor:pointer}body .profile .profile-card{display:flex;justify-content:center;align-items:center;width:300px;height:300px;gap:5px}body .profile .profile-card button{width:150px}.home .main-card{display:flex;flex-direction:column;justify-content:center;align-items:center}.home .main-card h1{font-size:clamp(70px,10vw,120px);font-weight:600;-webkit-user-select:none;user-select:none}.home .main-card h3{color:gray;font-size:18px}.home .main-card img{width:300px;-webkit-user-select:none;user-select:none}.home .main-card button{width:160px;height:45px;font-size:16px;border-radius:10px;margin-top:20px}.chat{display:flex;flex-direction:column;align-items:center;min-height:100dvh}.chat h1{font-size:clamp(50px,10vw,120px);font-weight:600;margin-top:40px;margin-bottom:20px;-webkit-user-select:none;user-select:none}.chat .chat-container{margin-bottom:140px}.chat .message-container{background-color:#000}.chat .message-container .message{width:clamp(350px,70vw,450px);padding:20px;margin-bottom:20px}.chat .message-container .message h2{margin-bottom:10px}@media screen and (min-width: 700px){.chat .message-container .assistant{margin-right:clamp(50px,35vw,500px)}.chat .message-container .user{margin-left:clamp(50px,35vw,500px)}}.chat .chat-form{width:clamp(350px,90%,700px);position:fixed;bottom:10px}.chat .chat-form Textarea{font-size:18px;border-radius:10px;padding:20px;padding-bottom:clamp(55px,10vw,10px)}.chat .chat-form Textarea:focus::placeholder{color:transparent}.chat .chat-form Textarea::placeholder{text-align:center;font-size:25px}.chat .chat-form Button{position:absolute;bottom:20px;right:20px}.message h1{all:initial}.message a{color:#00e}.message pre{overflow-x:auto;background-color:#222;border-radius:20px;padding:20px;margin-top:10px;margin-bottom:10px}.message table{display:inline-block;overflow-x:auto;margin-top:10px;margin-bottom:10px}.message table td{padding:10px}.chatDemo{display:flex;flex-direction:column;align-items:center;min-height:100dvh}.chatDemo h1{font-size:clamp(50px,10vw,120px);font-weight:600;margin-top:40px;margin-bottom:20px;-webkit-user-select:none;user-select:none}.chatDemo .chat-container{margin-bottom:140px}.chatDemo .message-container{background-color:#000}.chatDemo .message-container .message{width:clamp(350px,70vw,450px);padding:20px;margin-bottom:20px}.chatDemo .message-container .message h2{margin-bottom:10px}@media screen and (min-width: 700px){.chatDemo .message-container .assistant{margin-right:clamp(50px,35vw,500px)}.chatDemo .message-container .user{margin-left:clamp(50px,35vw,500px)}}.chatDemo .demo-form{width:clamp(350px,90%,700px);position:fixed;bottom:10px}.chatDemo .demo-form Textarea{font-size:18px;border-radius:10px;padding:20px;padding-bottom:clamp(55px,10vw,10px)}.chatDemo .demo-form Textarea:focus::placeholder{color:transparent}.chatDemo .demo-form Textarea::placeholder{text-align:center;font-size:25px}.chatDemo .demo-form Button{position:absolute;bottom:20px;right:20px}.login{display:flex;flex-direction:column;min-height:100dvh;max-height:100dvh}.login .login-container{display:flex;justify-content:center;align-items:center;height:80dvh}.login .login-container .login-form form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:320px;height:220px;font-size:24px}.login .login-container .login-form form h4{text-align:center;font-weight:700}.login .login-container .login-form form Input{width:80%;font-size:18px}.login .login-container .login-form form button{font-size:18px}.register{display:flex;flex-direction:column;min-height:100dvh;max-height:100dvh}.register .register-container{display:flex;justify-content:center;align-items:center;height:80dvh}.register .register-container .register-form form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:320px;height:220px;font-size:24px}.register .register-container .register-form form h4{text-align:center;font-weight:700}.register .register-container .register-form form Input{width:80%;font-size:18px}.register .register-container .register-form form button{font-size:18px}.not-found{height:100dvh;display:flex;justify-content:center;align-items:center;font-size:40px}