*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333}ul{list-style-type:none}button{border:none;background-color:unset;cursor:pointer}.container{height:100vh;display:grid;grid-template-columns:0fr 1fr;background-color:#f9f9f9}.burger{position:absolute;top:50%;left:0;transform:translate(-25%,-50%);fill:#333;cursor:pointer}.sidebar{width:16rem;padding:1rem;gap:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#fff;overflow:auto;transition:all .3s ease;border-right:1px solid #e0e0e0}.sidebar.open{width:0;padding:0;opacity:0;box-shadow:0 0 14px #0000001a;filter:blur(14px)}.sidebar-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-radius:.3rem;border:.05rem solid rgba(0,0,0,.1);cursor:pointer}.sidebar-header:hover{background-color:#f0f0f0}.sidebar-history{width:100%;height:100vh;overflow:auto}.sidebar-history p{position:sticky;top:0;background-color:#fff;padding:.4rem;color:#666;font-size:.8rem;font-weight:600;z-index:1}.sidebar li{position:relative;overflow:hidden;text-overflow:ellipsis;padding:.5rem;white-space:nowrap}.sidebar .li-overflow-shadow:not(:hover):after{content:"‎";position:absolute;bottom:.5rem;right:-5px;padding:0 5px;left:calc(100% - 50px);border-radius:.3rem;background:linear-gradient(to right,#fff0,#fff 100%,#fff0);pointer-events:none;z-index:1}.sidebar-info{width:100%;padding-top:1rem;border-top:.05rem solid rgba(0,0,0,.1)}.sidebar-info-upgrade,.sidebar-info-user{display:flex;align-items:center;gap:.5rem;padding:.5rem}.sidebar li:hover,.sidebar-info-upgrade:hover,.sidebar-info-user:hover{background-color:#f0f0f0;border-radius:.3rem;cursor:pointer}.sidebar-info-upgrade:hover,.sidebar-info-user:hover{cursor:not-allowed}.main{display:flex;flex-direction:column;height:100vh;justify-content:space-between;align-items:center;padding:1rem;position:relative;overflow:hidden;background-color:#f9f9f9}.main h1{font-size:2rem;color:#333}.main-header{width:100%;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;overflow:auto}.main-header li{display:flex;align-items:center;gap:1.5rem;background-color:#fff;padding:1rem;margin:1rem 0;border-radius:.3rem;box-shadow:0 2px 4px #0000001a}.main-header li:nth-child(odd){background-color:#f9f9f9}.main-header li:nth-child(2n){background-color:#fff}.main-header img:not(:nth-child(2n)){display:block;border-radius:.3rem;width:1.8rem;height:1.8rem}.role-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#333}.main-bottom{display:flex;flex-direction:column;gap:.5rem}.main-bottom p:first-child{padding-top:.5rem}.main-bottom p{font-size:.8rem;text-align:center;color:#666}.empty-chat-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-chat-container h3{font-weight:500;color:#333}.errorText{margin:0 auto;color:#d32f2f}#errorTextHint{margin:0 auto;opacity:.6;color:#666}.form-container{width:50rem;padding:.3rem 1.6rem;margin:0 auto;border-radius:.3rem;display:flex;align-items:center;background-color:#fff;box-shadow:#0000000d 0 3.3rem 3.4rem,#0000000d 0 -.7rem 1.8rem,#0000000d 0 .2rem .3rem,#0000000d 0 .7rem .2rem,#0000000d 0 .2rem .3rem;border:1px solid #e0e0e0}.form-container input{width:100%;height:3rem;font-size:1rem;padding-right:1rem;background-color:#fff;outline:none;border:none;color:#333}.form-container input::placeholder{color:#999}.form-container svg{fill:#666;transform:rotate(-45deg)}.form-container svg:hover{fill:#333}@media screen and (min-width: 1280px){.main-header li{margin:1rem auto;width:50rem}}@media screen and (max-width: 1080px){.form-container{width:auto}}@media screen and (max-width: 640px){.main-header li{gap:1rem}}