*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter;background-color:#fafafa;color:#7b3306;display:flex;flex-direction:column;height:100vh}.chat-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:80px;margin-top:64px}.input-area{position:fixed;bottom:0;left:0;width:100%;padding:20px 0 40px;display:flex;justify-content:center;z-index:1000}.input-container{position:relative;width:100%;max-width:800px;margin:0 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.input-source{width:70%}.input-container input[type=text]{width:100%;border:1px solid color(srgb .91 .38 .08);padding:16px;margin-top:16px;border-radius:5px;font-size:16px;box-shadow:0 0 10px #0000001a;outline:none}.input-container input[type=text]::placeholder{color:#8e8ea0}.input-container input[type=text]:focus{border-color:#0000004d}.send-btn{position:absolute;right:2%;top:40%;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#da7700;color:color(display-p3 .8275 .4667 .0353);display:flex;align-items:center}.send-btn--icon{width:24px}.send-btn:hover{background-color:#ffffff1a;color:#fff}.header{padding:8px;display:flex;align-items:center;border-bottom:1px solid rgba(60,59,59,.1);position:fixed;top:0;left:0;width:100%;height:64px;background-color:#fff}.header svg{margin-top:14px}.header h3{margin-left:8px;font-weight:400}.container{width:100%;padding:16px;margin-top:44px}.container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#fff0,#fff);z-index:1;pointer-events:none}.question{font-size:20px;font-weight:400;color:#353535;border-bottom:1px solid rgba(60,59,59,.1);padding:16px;display:flex;align-items:center;position:fixed;width:100%;background-color:#fff}.parchment{margin-top:16px;padding:16px;border-radius:4px;box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px;background-color:#fff}.parchment .verse{border-bottom:1px solid rgba(60,59,59,.1);padding-bottom:8px;font-size:20px;color:#802f00}.parchment .translation{color:#2e2e2e;padding:8px 0;font-size:16px;border-bottom:1px solid rgba(60,59,59,.1)}.parchment .actions{padding-top:12px;color:#f2b395;font-size:14px;display:flex;justify-content:space-between}.actions .source--text{color:#a66b4f;margin-left:8px;text-transform:capitalize}@keyframes width-cycle{0%{width:300px}50%{width:400px}to{width:300px}}.base--logo{animation-name:width-cycle;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.base-box{width:350px;height:300px;display:flex;align-items:center;justify-content:center}.base{display:flex;flex-direction:column;align-items:center;margin-top:20%}.base--text{font-size:36px;font-weight:200}.scroll-container{margin-top:30%;padding:32px;margin-left:auto}.scroll-item{font-size:16px;font-weight:300;color:#ae6c08;line-height:50px}.back-arrow{margin-right:16px}@media(max-width:600px){.container{margin-left:auto;margin-right:auto}.base{margin-top:60%}}