@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Arial,sans-serif;background-color:#032637;color:#e0e0e0;height:100%;width:100%;overflow:hidden}body.light-mode,html.light-mode{background-color:#fff}div{display:flex!important;flex-direction:column}.logoutdiv{display:flex!important;align-items:center;justify-content:center;position:relative;background-color:#032637}body.light-mode .logoutdiv{background-color:#fff}.switch{position:absolute;margin-left:5px;left:0;display:inline-block;width:50px;height:25px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:25px;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:2.5px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:#074f71}input:checked+.slider:before{transform:translate(25px)}.logo{width:150px;height:auto;margin-top:7px;margin-bottom:5px}.logout-btn{position:absolute;right:0;padding:10px 20px;border:none;border-radius:5px;background-color:#074f71;color:#fff;cursor:pointer;font-size:12px}.container{display:flex;flex-direction:column;width:100%;min-height:100vh;max-width:1200px;margin:auto;padding:0 10px 3%}.header{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px;background-color:#032637}body.light-mode .header{background-color:#fff;color:#414042}h1{font-size:15px}.chat-window{display:flex!important;flex-direction:column;flex-grow:1;overflow-y:scroll;background-color:#032637;padding:15px 15px 20%;border-radius:5px;max-height:100vh;scrollbar-width:none;-ms-overflow-style:none}.chat-window::-webkit-scrollbar{display:none}body.light-mode .chat-window{background-color:#d9d9d9}.message{padding:15px;border-radius:20px;margin-bottom:10px;max-width:65%;word-wrap:break-word}.user-message{background-color:gray;color:#fff;align-self:flex-end;text-align:left}body.light-mode .user-message{background-color:gray}.bot-message{background-color:#074f71;color:#e0e0e0;align-self:flex-start;text-align:left}body.light-mode .bot-message{background-color:#074f71;color:#fff}.reminder-message{background-color:#074f71;color:#e0e0e0;align-self:flex-start;text-align:left;margin-top:10px}body.light-mode .reminder-message{background-color:#074f71;color:#fff}.reminder{color:#fff;font-size:14px;padding:5px;text-align:center;width:100%;max-width:400px;margin:0 auto}body.light-mode .reminder{color:#000}form{display:flex;flex-shrink:0;padding:10px;background-color:#032637;position:sticky;bottom:0;width:100%;box-shadow:0 -2px 5px #0003}body.light-mode form{background-color:#fff}textarea{flex-grow:1;padding:10px;border:1px solid #808080;border-radius:5px;background-color:gray;color:#fff;font-size:16px;resize:none;overflow-y:hidden}textarea::placeholder{color:#fff;opacity:.75}body.light-mode textarea{border:1px solid #ccc;background-color:#d9d9d9;color:#000}body.light-mode textarea::placeholder{color:#555;opacity:.6}button{padding:10px 20px;border:none;border-radius:5px;background-color:#d86018;color:#fff;cursor:pointer;font-size:16px;margin-left:10px}button.special-submit{background-color:#ff5733;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer}body.light-mode .submit-button{background-color:#d86018}button:hover{background-color:#5489a3}.submit-button:hover,body.light-mode .submit-button:hover{background-color:#b04a14}button:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(19,1,1,.3))!important;color:light-dark(rgba(16,16,16,.3),rgba(255,255,255,.3))!important;border-color:light-dark(rgba(118,118,118,.3),rgba(195,195,195,.3))!important}.loading-dots{display:flex;flex-direction:row;justify-content:center;align-items:center;height:20px}.dot{width:8px;height:8px;margin:0 4px;background-color:#fff;border-radius:50%;animation:dot-flash 1.2s infinite ease-in-out both}body.light-mode .dot{background-color:#fff}@keyframes dot-flash{0%,80%,to{transform:scale(1);opacity:1}40%{transform:scale(1.5);opacity:.5}}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0}.feedback{display:flex;flex-direction:row;margin-top:6px;justify-content:flex-start}.feedback button{background:none;border:none;cursor:pointer;margin-right:0;font-size:15px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:25%}.feedback-form{margin-top:10px;width:60%;display:flex;flex-direction:column;align-items:flex-start}.feedback-form textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #808080;background-color:gray;color:#fff;resize:none}body.light-mode .feedback-form textarea{background-color:#fff;color:#000}.feedback-form button{margin-top:10px;background-color:#074f71;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;font-size:16px;align-self:flex-start;width:auto}.feedback-form button:hover{background-color:#5489a3}.score-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.score-form label{font-weight:700}body.light-mode .score-form label{color:#000}.score-form input,.score-form textarea{padding:5px;border:1px solid #ccc;background-color:gray;color:#fff;border-radius:5px;width:100%}.score-form input::placeholder{color:#fff;opacity:.8}body.light-mode .score-form input,body.light-mode .score-form textarea{background-color:#fff;color:#000}body.light-mode .score-form input::placeholder{color:#555;opacity:.6}.score-form .error{color:red;font-size:12px}.score-submit:hover{background-color:#b04a14}@media only screen and (min-width: 768px){.container{width:70%;margin:0 auto}.message{max-width:60%}h1{font-size:20px}}@media only screen and (max-width: 1641px){.container{width:100%;padding:0;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;height:100vh}.header{padding:10px}h1{font-size:17px}.chat-window{padding:10px 10px 38%;flex-grow:1;overflow-y:scroll;max-height:100vh}form{display:flex;flex-shrink:0;padding:10px;background-color:#032637;position:sticky;bottom:0;width:100%;box-shadow:0 -2px 5px #0003}body.light-mode form{background-color:#fff}textarea{flex-grow:1;padding:10px;border:1px solid #808080;border-radius:5px;background-color:gray;color:#fff;font-size:16px;resize:none;overflow-y:scroll;max-height:20vh}body.light-mode textarea{background-color:#ccc;color:#000}button{padding:10px 20px;border:none;border-radius:5px;background-color:#d86018;color:#fff;cursor:pointer;font-size:16px;margin-left:10px}.feedback-form{width:100%}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;width:100%;max-width:800px;border-radius:8px;box-shadow:0 4px 8px #0003;color:#000;font-size:1.2rem;overflow-y:auto;max-height:90vh;position:relative}.modal-title{margin-bottom:10px}.modal-content div{margin-top:8px}.indent-0{margin-left:0}.indent-1{margin-left:20px}.indent-2{margin-left:40px}.indent-3{margin-left:60px}.close-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:#333;width:24px;height:24px;line-height:24px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.abbreviated-title-button{background:none;border:none;color:#fff;font-weight:700;text-decoration:underline;cursor:pointer;font-size:1rem;padding:0;margin:0;display:inline}.guide-button{color:#fff;padding:5px;border:none;cursor:pointer;font-size:14px;margin-top:.5rem}body.light-mode .guide-button{color:#000}.guide-button:hover{background-color:#0056b3}.special-buttons{display:flex;justify-content:center;gap:10px;margin-top:10px}.special-buttons button{width:100px;padding:5px 10px;font-size:14px;cursor:pointer;background-color:#0078d4;color:#fff;border:none;border-radius:5px}.special-buttons button:hover{background-color:#005a9e}.red-text{color:red;font-weight:700}.highlight-text{background-color:#ff0}.material-icons{font-size:20px;color:gray}.material-symbols-outlined{font-size:25px;color:gray}.icon-button:hover .material-icons,.icon-button:hover .material-symbols-outlined{color:#074f71}.button-container{display:flex;flex-direction:column;align-items:center;padding:10px;width:100%;margin-top:30px}.button-container button{background-color:#d65a1e;color:#fff;font-size:16px;text-transform:uppercase;border:none;padding:15px;width:100%;max-width:600px;margin-bottom:15px;cursor:pointer;transition:background .3s ease-in-out}.button-container button:hover{background-color:#b94e1a}.button-container button:active{background-color:#8f3c14}.splash-title{text-align:center;font-size:1.6em;font-weight:700;margin-bottom:1em}.splash-modal-paragraph{margin-bottom:.5em;white-space:pre-line}.splash-center-btn,.splash-bottom-btn{display:flex;justify-content:center;margin-top:0!important;margin-bottom:.5em;padding-top:0!important}.splash-modal-btn{min-width:120px;max-width:180px;width:auto;font-size:1em;padding:.5em .8em;border-radius:5px;text-align:center;margin:0 auto!important;display:block}.splash-modal-btn:hover{background-color:#b04a14!important;color:#fff}.underline{text-decoration:underline}.la-ball-spin-clockwise,.la-ball-spin-clockwise>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-spin-clockwise{display:block;font-size:0;color:#fff}.la-ball-spin-clockwise.la-dark{color:#333}.la-ball-spin-clockwise>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-ball-spin-clockwise{width:32px;height:32px}.la-ball-spin-clockwise>div{position:absolute;top:50%;left:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;border-radius:100%;-webkit-animation:ball-spin-clockwise 1s infinite ease-in-out;-moz-animation:ball-spin-clockwise 1s infinite ease-in-out;-o-animation:ball-spin-clockwise 1s infinite ease-in-out;animation:ball-spin-clockwise 1s infinite ease-in-out}.la-ball-spin-clockwise>div:nth-child(1){top:5%;left:50%;-webkit-animation-delay:-.875s;-moz-animation-delay:-.875s;-o-animation-delay:-.875s;animation-delay:-.875s}.la-ball-spin-clockwise>div:nth-child(2){top:18.1801948466%;left:81.8198051534%;-webkit-animation-delay:-.75s;-moz-animation-delay:-.75s;-o-animation-delay:-.75s;animation-delay:-.75s}.la-ball-spin-clockwise>div:nth-child(3){top:50%;left:95%;-webkit-animation-delay:-.625s;-moz-animation-delay:-.625s;-o-animation-delay:-.625s;animation-delay:-.625s}.la-ball-spin-clockwise>div:nth-child(4){top:81.8198051534%;left:81.8198051534%;-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s}.la-ball-spin-clockwise>div:nth-child(5){top:94.9999999966%;left:50.0000000005%;-webkit-animation-delay:-.375s;-moz-animation-delay:-.375s;-o-animation-delay:-.375s;animation-delay:-.375s}.la-ball-spin-clockwise>div:nth-child(6){top:81.8198046966%;left:18.1801949248%;-webkit-animation-delay:-.25s;-moz-animation-delay:-.25s;-o-animation-delay:-.25s;animation-delay:-.25s}.la-ball-spin-clockwise>div:nth-child(7){top:49.9999750815%;left:5.0000051215%;-webkit-animation-delay:-.125s;-moz-animation-delay:-.125s;-o-animation-delay:-.125s;animation-delay:-.125s}.la-ball-spin-clockwise>div:nth-child(8){top:18.179464974%;left:18.1803700518%;-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}.la-ball-spin-clockwise.la-sm{width:16px;height:16px}.la-ball-spin-clockwise.la-sm>div{width:4px;height:4px;margin-top:-2px;margin-left:-2px}.la-ball-spin-clockwise.la-2x{width:64px;height:64px}.la-ball-spin-clockwise.la-2x>div{width:16px;height:16px;margin-top:-8px;margin-left:-8px}.la-ball-spin-clockwise.la-3x{width:96px;height:96px}.la-ball-spin-clockwise.la-3x>div{width:24px;height:24px;margin-top:-12px;margin-left:-12px}@-webkit-keyframes ball-spin-clockwise{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-moz-keyframes ball-spin-clockwise{0%,to{opacity:1;-moz-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-moz-transform:scale(0);transform:scale(0)}}@-o-keyframes ball-spin-clockwise{0%,to{opacity:1;-o-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-o-transform:scale(0);transform:scale(0)}}@keyframes ball-spin-clockwise{0%,to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}20%{opacity:1}80%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}}