:root{--color-message-user: #A8C6FF;--color-message-bot: #D9D9D9;--color-blue: #35599C;--color-blue-hover: #274172;--color-blue-light: #C5D1FF;--color-gray: #555555;--color-gray-light: #BEBEBE;--color-gray-extra-light: #E7E7E7;--color-red: #CE1111;--color-red-hover: #CE11111F;--color-black: #000000;--color-white: #FFFFFF;--color-background: #F5F5F5;--color-disabled: linear-gradient(to right, #727272, #8b8b8b);--color-input-background: #D9D9D9;--color-bubble-shadow: rgba(0, 0, 0, .05)}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--color-background);color:var(--color-black)}html,body,#root{height:100%;width:100vw;margin:0;padding:0}body{display:flex;flex-direction:column;font-family:sans-serif;background-color:#f8f9fb}.app-container{display:flex;flex-direction:column;height:100%}.no-token-message{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;max-width:auto;margin:30vh auto}.no-token-message h2{font-size:1.8rem;margin:.1rem 0 1.2rem;color:#c0392b}.no-token-message p{font-size:1rem;color:#555;margin-top:-.5rem}.no-token-image{width:120px;margin-bottom:1rem}@media (max-width: 768px){.no-token-message h2{font-size:1.5rem;margin:.1rem 0 1.2rem;color:#c0392b}.no-token-message p{font-size:12px;color:#555;margin-bottom:1.6rem}}.chat-header{display:flex;align-items:center;background-color:var(--color-background);border-bottom:1px solid var(--color-gray-light);position:sticky;top:0;z-index:10;width:100%}.chat-header-texts{display:flex;flex-direction:column;padding:1rem 0;margin:0 .75rem}.chat-header-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-heading);line-height:1.2}.chat-header-subtitle{margin:.2rem 0 0;font-size:.9rem;color:var(--color-text-muted)}@media (max-width: 480px){.chat-header-title{font-size:1.4rem}.chat-header-subtitle{font-size:.9rem}}.input-wrapper{position:relative;bottom:0;z-index:10;background-color:var(--color-background);border-top:1px solid var(--color-gray-light);width:100vw}.input-container{display:flex;align-items:center;gap:.5rem;padding:1rem 0;width:100vw}.recorder-container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw}.visualizer-container{display:flex;align-items:center;gap:.5rem;width:100%}.time{font-variant-numeric:tabular-nums;font-size:1rem;text-align:center;margin:5% 1% 5% 7%}.visualizer{height:40px;width:100%;margin:5% 5% 5% 0%;background:var(--color-input-background);border-radius:8px}.actions-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0rem 0 .5rem}.text-input{width:100%;padding:1.2rem;background-color:var(--color-input-background);border:none;border-radius:10px;outline:none;font-size:1rem;margin-left:.5rem}.send-btn,.record-btn{display:flex;align-items:center;gap:.4rem;padding:1rem 1.2rem;background:var(--color-blue);color:var(--color-white);border:none;border-radius:9999px;cursor:pointer;font-size:1rem;margin-right:.5rem;transition:all .3s ease,box-shadow .2s ease,transform .2s ease}.send-btn2{display:flex;align-items:center;gap:.4rem;padding:1rem 1.2rem;background:var(--color-blue);color:var(--color-white);border:none;border-radius:9999px;cursor:pointer;font-size:1rem;margin-right:1.5rem;transition:all .3s ease,box-shadow .2s ease,transform .2s ease}.trash-btn{display:flex;align-items:center;gap:.4rem;padding:1rem 1.2rem;background:var(--color-gray-light);color:var(--color-gray);border:none;border-radius:9999px;cursor:pointer;font-size:1rem;margin-left:1.5rem;transition:all .3s ease,box-shadow .2s ease,transform .2s ease}.pause-btn,.record-btn2{display:flex;align-items:center;gap:.4rem;padding:1rem 1.2rem;background:transparent;color:var(--color-red);border:none;border-radius:9999px;cursor:pointer;font-size:1rem;transition:all .3s ease,box-shadow .2s ease,transform .2s ease}.play-btn,.pause-btn2{display:flex;align-items:center;gap:.4rem;margin:1rem 0rem 1rem 1rem;background:transparent;padding:3%;color:var(--color-black);border:none;border-radius:9999px;cursor:pointer;font-size:1rem;transition:all .3s ease,box-shadow .2s ease,transform .2s ease}.send-btn:hover,.record-btn:hover{background:var(--color-blue-hover);box-shadow:0 6px 16px var(--color-button-shadow)}.pause-btn:hover,.record-btn2:hover{background:var(--color-red-hover)}.trash-btn:hover{background:var(--color-red-hover);color:var(--color-red)}.send-btn:active,.record-btn:active{box-shadow:0 2px 6px var(--color-button-shadow)}.send-btn:disabled,.record-btn:disabled{background:var(--color-disabled);cursor:not-allowed;box-shadow:none}.play-btn:hover,.pause-btn2:hover{background-color:var(--color-gray-extra-light)}.send-icon,.record-icon{margin-top:1px}@media (max-width: 768px){.send-btn{display:flex;align-items:center;gap:0rem;border-radius:100%;font-size:1rem}.send-text{display:none}}@media (max-width: 267px){.text-input{padding:.5rem .7rem;font-size:.8rem}.send-btn{padding:.5rem;font-size:.8rem}}.timer-container{display:flex;align-items:center;justify-content:center;width:100%}.time-big{font-size:1.5rem;color:var(--color-gray);font-weight:700;margin-top:3.5%}.chat-body{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column;background-color:var(--color-background);width:100vw;height:75vh;scrollbar-width:none;-ms-overflow-style:none}.chat-body::-webkit-scrollbar{display:none}.date-message{text-align:center;font-size:.9rem;margin:.7rem .5rem 1rem}.date-bubble{background-color:var(--color-gray);color:var(--color-white);padding:.4rem 3rem;border-radius:.5rem;font-weight:500;display:inline-block;box-shadow:0 1px 2px var(--color-bubble-shadow)}.message-row{display:flex;margin:.5rem 1rem 1.2rem}.align-right{justify-content:flex-end}.align-left{justify-content:flex-start}.message-wrapper{display:flex;align-items:flex-start;gap:.5rem;max-width:100%}.avatar{width:70px;height:70px}.message-content{position:relative;width:100%;display:flex;flex-direction:column}.bubble{display:inline-block;padding:1rem;font-size:15px;line-height:1.4;word-break:break-word;position:relative;max-width:100%;white-space:pre-wrap}.bubble-name{margin:0 0 .25rem;font-size:.9rem;font-weight:600;text-align:start;font-size:16px;color:var(--color-black)}.bubble-text{margin:0}.user-bubble{background:var(--color-message-user);color:var(--color-black);border-radius:1rem;border-bottom-right-radius:0}.bot-bubble{background-color:var(--color-message-bot);color:var(--color-black);border-radius:1rem;border-bottom-left-radius:0;box-shadow:0 1px 2px #0000000d}.timestamp{position:absolute;bottom:-25px;font-size:12px;color:var(--color-gray)}.ts-user{right:8px}.ts-bot{left:8px}.typing-wrapper{margin-top:15%;margin-bottom:-4%;display:flex;align-items:center;gap:.5rem}.typing-bubble{color:var(--color-gray);font-size:.9rem}.typing-text{font-weight:500}.options-container{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.option-btn{width:100%;padding:1.1rem .5rem 1.1rem 1.4rem;font-size:.9rem;background:var(--color-white);color:var(--color-blue);border:2px solid var(--color-blue);border-radius:.5rem;cursor:pointer;font-weight:700;text-align:start}.option-btn:hover{background:var(--color-blue-hover);color:var(--color-white);border-color:var(--color-blue-hover)}.option-btn:disabled{background:var(--color-gray);color:var(--color-white);border-color:var(--color-gray);opacity:.6}.custom-select__control{background-color:var(--color-white)!important;border:2px solid var(--color-blue)!important;border-radius:.5rem;box-shadow:none;cursor:pointer;min-height:auto;padding:.5rem 1rem;width:100%!important;max-width:100%!important;box-sizing:border-box}.custom-select__control:hover{border-color:var(--color-blue-hover)!important}.custom-select__control--is-focused{border-color:var(--color-blue-hover)!important;box-shadow:0 0 5px var(--color-blue-hover)!important}.custom-select__placeholder,.custom-select__single-value{color:var(--color-blue)!important;font-weight:700}.custom-select__menu{background-color:var(--color-white)!important;border:2px solid var(--color-blue)!important;border-radius:.5rem;box-shadow:0 2px 5px #0000001a;margin-top:.25rem;z-index:10}.custom-select__option{padding:.7rem 1rem;color:var(--color-blue)!important;font-weight:700;cursor:pointer}.custom-select__option--is-focused{background-color:var(--color-blue-hover)!important;color:var(--color-white)!important}.custom-select__option--is-selected{background-color:var(--color-blue)!important;color:var(--color-white)!important}.custom-select__menu-list{scrollbar-width:none;-ms-overflow-style:none}.custom-select__menu-list::-webkit-scrollbar{display:none}.message-content .custom-select__control{width:100%}@media (max-width: 768px){.message-wrapper{margin:.3rem 0}}@media (max-width: 267px){.date-message{font-size:.7rem}.date-bubble{padding:.3rem .4rem}.avatar{width:60px;height:60px}.bubble{font-size:10px}.timestamp{font-size:9px;bottom:-17px}}.criteria-trigger{display:inline-flex;align-items:center;gap:.35rem;margin:0 0 .25rem .25rem;padding:.25rem .4rem;background:transparent;border:none;cursor:pointer;color:var(--color-blue);font-weight:600;font-size:.9rem;text-decoration:none}.message-wrapper .message-content:has(.criteria-trigger)+img.avatar{margin-top:30px}.criteria-trigger:hover .criteria-text{text-decoration:underline}.criteria-icon{width:18px;height:18px;color:var(--color-blue);flex-shrink:0}.icon-modal{width:30px;height:30px}.criteria-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:999}.criteria-modal{width:100%;max-width:520px;background:var(--color-white);border-radius:.75rem;border:1px solid var(--color-gray-light);box-shadow:0 10px 30px #00000026;overflow:hidden}.criteria-modal-header{display:flex;align-items:end;gap:.5rem;padding:1.2rem 1rem;border-bottom:1px solid var(--color-gray-light)}.criteria-modal-title{margin:0;font-size:1.2rem;color:var(--color-blue);font-weight:700}.criteria-modal-body{padding:1rem}.criteria-list{margin:0;padding-left:0;list-style:none;font-size:.95rem}.criteria-list li{margin:.35rem 0;line-height:1.35}.criteria-label{font-weight:700;color:var(--color-gray)}.criteria-value{color:var(--color-black)}.criteria-modal-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--color-gray-light);padding:.75rem 1rem 1rem}.criteria-close-btn{padding:.6rem 1rem;background:var(--color-blue);color:var(--color-white);border:0;border-radius:.5rem;font-weight:700;cursor:pointer}.criteria-close-btn:hover{background:var(--color-blue-hover)}.audio-bubble{display:flex;align-items:center}.audio-btn{background:none;border:none;cursor:pointer;padding:2.5%;border:1px solid var(--color-black);border-radius:50%;background-color:var(--color-blue-light)}.audio-slider-wrapper{display:flex;align-items:center;flex:1}.audio-slider{flex:1;margin:0 .5rem}.time{font-size:.75rem;width:50px;text-align:center;margin:0 -.7rem 0 -.1rem}.duration{font-size:.75rem;width:50px;text-align:center;margin:0 -.2rem 0 -.7rem}.speed-btn{font-size:.85rem;border:1px solid var(--color-black);padding:2%;border-radius:5px;background-color:var(--color-blue-light);color:var(--color-black);cursor:pointer;margin-left:0rem;width:55px}