:root{--small-spacing: .25rem;--medium-spacing: .5rem;--large-spacing: 1rem;--larger-spacing: 2rem;--dark-mode-primary: #779d82;--dark-mode-secondary: #324e53;--dark-mode-accent: #2f4c61;--dark-mode-bg: #030705;--dark-mode-text: #e6f0ea;--light-mode-primary:#8cb496;--light-mode-secondary: #acc8cd;--light-mode-accent:#9fbcd1;--light-mode-bg: #f8fcfa;--light-mode-text: #0f1a13}*{box-sizing:content-box;padding:0;margin:0}body{width:100vw;height:100vh}#root{width:100%;height:100%}.parent{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:0px;grid-row-gap:0px;width:100%;height:100%}.sidebar{grid-area:1 / 1 / 6 / 3;background-color:#acc8cd;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.chatContainer{grid-area:5 / 3 / 6 / 9;background-color:#8cb496}.terraImageContainer{grid-area:1 / 3 / 5 / 5;background-color:#8cb496;overflow:hidden}.chatWindow{grid-area:1 / 5 / 5 / 9;background-color:#2f4c61}.chat{height:100%;overflow-y:auto}.textMessage{border-radius:30px;padding:15px;margin:5px;max-width:60%;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.textMessage.userMessage,.textMessage.userMessage .time{background-color:#9d81da;justify-self:end;margin-right:10px;border-bottom-right-radius:5px}.textMessage.terraMessage,.textMessage.terraMessage .time{background-color:#77ce7e;justify-self:start;margin-left:10px;border-bottom-left-radius:5px}.time{font-size:.8em;color:#555;margin-top:5px;margin-left:0;margin-right:0}.message{font-size:1em;color:#000}.sideBarContainer{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:var(--light-mode-bg);overflow-y:auto;gap:var(--medium-spacing);padding:var(--medium-spacing)}.quest-card{padding:var(--medium-spacing);background-color:var(--light-mode-primary);width:80%;border-radius:10px;color:var(--light-mode-text)}.quest-card:hover{background-color:var(--light-mode-secondary)}.ongoing{border:3px dashed gray}.ongoing:hover{border:3px solid gray}.complete{border:3px dashed green}.complete:hover{border:3px solid green}.failed{border:3px dashed red}.failed:hover{border:3px solid red}.terraImageContainer{display:grid;justify-items:center;align-items:center}.moodIndicatorBar{display:flex;align-items:center;justify-content:space-around;gap:5px;width:60%;height:50px;padding:5px 10px;background-color:#fff3;border:2px solid rgba(0,0,0,.2);border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.moodButton{background-color:#00000074;color:#fff;-webkit-border-radius:50px;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .3s ease;opacity:.4;transform:scale(.85);border:2px solid transparent}.moodButton.active{opacity:1;transform:scale(1);border:3px solid rgba(0,0,0,.3);box-shadow:0 4px 15px #0003}.moodButton.angryGlow{-webkit-animation:glowing 1.5s infinite;-moz-animation:glowing 1.5s infinite;-o-animation:glowing 1.5s infinite;animation:glowing 1.5s infinite}@-webkit-keyframes glowing{0%{background-color:#b20000;-webkit-box-shadow:0 0 3px #B20000}50%{background-color:red;-webkit-box-shadow:0 0 40px #FF0000}to{background-color:#b20000;-webkit-box-shadow:0 0 3px #B20000}}@-moz-keyframes glowing{0%{background-color:#b20000;-moz-box-shadow:0 0 3px #B20000}50%{background-color:red;-moz-box-shadow:0 0 40px #FF0000}to{background-color:#b20000;-moz-box-shadow:0 0 3px #B20000}}@-o-keyframes glowing{0%{background-color:#b20000;box-shadow:0 0 3px #b20000}50%{background-color:red;box-shadow:0 0 40px red}to{background-color:#b20000;box-shadow:0 0 3px #b20000}}@keyframes glowing{0%{background-color:#b20000;box-shadow:0 0 3px #b20000}50%{background-color:red;box-shadow:0 0 40px red}to{background-color:#b20000;box-shadow:0 0 3px #b20000}}.textArea{display:grid;grid-template-rows:minmax(100px,2.5fr) 1fr;background-color:#8cb496;justify-items:center;align-items:center;padding:10px;gap:0}.textContainer{width:70%;height:70%;padding:5px 20px;background-color:#fff;border-radius:20px}.searchBar{background-color:#fff;border-radius:50px;display:grid;grid-template-columns:50px auto 50px 50px;align-items:center;padding:5px 20px;column-gap:10px;width:70%;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}textarea{width:100%;height:100%;border-color:transparent;outline:none;font-size:20px;resize:none;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.searchBarButton{box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;background-color:#445a42;color:#fff;border-radius:50px;width:50px;height:50px;display:grid;align-items:center;justify-content:center;cursor:pointer;position:relative}.tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:15px;padding:5px 0;position:absolute;z-index:1;bottom:105%;left:65%;margin-left:-65px}.searchBarButton:hover .tooltiptext{visibility:visible}.searchBarButton:hover{background-color:#b1d5a6}