:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0}#root{margin:0;height:100vh;text-align:left;display:flex;font-family:Space Grotesk,sans-serif}.body-container{height:100%;margin:0;width:calc(70% - 100px);flex:1;position:relative}.page-title{position:absolute;bottom:30px;left:0;transform:rotate(-90deg) translateY(100%);transform-origin:bottom left;font-weight:700;font-size:4em;white-space:nowrap;margin:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;color:#d3d3d3}button{color:#fff;background-color:#000;padding:6px 20px;border-radius:14px;border:1px solid white;font-weight:500;font-size:.8em;margin-right:4px}button:hover{background-color:#fff;border:1px solid black;color:#000;cursor:pointer}button:active{background-color:#d3d3d3}button:disabled{background-color:#d3d3d3;cursor:default;border:1px solid white;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9c9c9}.side-bar{width:150px;padding:20px;height:100%;outline:1px solid black;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.logo{width:120px;height:60px;text-align:left;font-weight:800;margin-left:24px;font-size:35px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;line-height:90%}.side-bar-button-container{display:flex;flex-direction:column;justify-content:space-between}.side-bar-button{display:flex;flex-direction:column;align-items:center;margin:20px 0;font-size:.8em;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;cursor:pointer}.side-bar-button>img{width:60px;height:60px;border-radius:20px;margin-bottom:6px;padding:10px;overflow:visible;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none}.side-bar-button>img:hover{outline:1px black inset}.active>img:hover{outline:1px inset black}.side-bar-button>span{font-weight:200}.active>img{background-color:#000}.active>span{font-weight:700}.mood-display{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;justify-content:center;height:120px}.mood-display>img{width:60px;height:60px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none}.mood-display>span{font-size:.8em;margin-bottom:4px;font-weight:500}.current-mood{margin-top:8px;padding:5px 20px 6px;border-radius:20px;font-size:.8em;font-weight:500;text-align:center;line-height:110%}.drawer-container{width:400px;outline:1px solid black;display:flex;flex-direction:column;height:100vh;margin-left:6px}.drawer{display:flex;flex-direction:column;flex:1;padding:20px 10px 20px 20px;overflow:hidden}.drawer>span{margin-bottom:10px}.drawer-scroll-wrapper{flex:1;overflow-y:auto;min-height:0;padding-right:10px}.drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.drawer-item{border:1px solid black;aspect-ratio:1 / 1;display:flex;cursor:pointer}.drawer-item-color-identifier{width:20px}.drawer-item-details{display:flex;flex-direction:column;flex:1;justify-content:space-between;padding-bottom:10px;padding-left:10px}.drawer-item-icons{padding:12px 0 0}.drawer-item-icons>img{width:28px;height:28px;margin-right:10px}.drawer-item-icons>svg{width:25px;height:25px;padding-bottom:2px}.drawer-item-details>span{font-weight:500;font-size:.7em;text-wrap:wrap;word-break:break-word;overflow-wrap:break-word;white-space:normal}.drawer-detail-panel{flex-shrink:0;overflow-y:visible;max-height:60%;display:flex;flex-direction:column}.detail-header{outline:1px solid black;height:50px;display:flex;align-items:center}.detail-header>span{margin-left:20px}.detail-header-color-identifier{width:20px;height:100%}.detail-header-icons{margin-left:auto;margin-right:10px;display:flex;align-items:center}.detail-header-icons>img{width:35px;height:35px;margin-left:10px;padding:2px}.detail-header-icons>svg{width:32px;height:32px;margin-left:10px;padding:2px}.drawer-panel-details{padding:20px;overflow-y:auto;height:100%;flex-grow:1}.drawer-panel-details>div{margin-bottom:10px}.drawer-panel-details>div>span{font-weight:500;color:#6d6d6d}.drawer-panel-details>div>p{font-weight:100;color:#000}.drawer-panel-details>button{margin-bottom:0}.chat-container{padding:20px 12%;display:flex;flex-direction:column;justify-content:flex-start;height:calc(100vh - 10px);overflow-y:auto;margin:5px 0}.chat-section{border-bottom:1px solid black;padding:20px 5%}.message{padding:10px 0}.medicine-result-container{border:1px solid black;max-width:500px}.emotion-wheel-selected{display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px}.emotion-wheel-selected>img{width:50px}.emotion-wheel-container{display:flex;margin-bottom:20px}.emotion-wheel-selected>span:first-child{font-size:.8em;margin-bottom:4px;font-weight:500}.user-choices button,.emotion-wheel-container button{margin-bottom:5px}.symptom-input-container>span:first-child{display:block}.symptom-input-box{display:flex;align-items:center;margin:5px 0 10px}.symptom-input-box>span{font-size:1.5em;margin-right:10px;padding-bottom:2px}.symptom-input-box>input{color:#000;background-color:#fff;border:none;border-bottom:1px solid black;width:50%;padding-bottom:2px}.symptom-input-box>input:focus{border:none;border-bottom:1px solid black;outline:none}.chat-medicine-band{width:60%;margin:10px 0 20px}