*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}main{width:100%;height:100%;background-color:#d7d7d7;padding:1rem}main .section{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:1rem;box-sizing:border-box;background-color:#fff;border-radius:1rem;box-shadow:0 0 1rem #0000001a}main .section .header{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:.5rem;box-sizing:border-box;border-bottom:1px solid #ccc}main .section .header h3{font-size:1.5rem;margin:0;padding:0}main .section .header h5{font-size:1rem;margin:0;padding:0}main .section .conversation-area{width:100%;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:1rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}main .section .conversation-area::-webkit-scrollbar{display:none}main .section .conversation-area .messages{width:100%;flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:1rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}main .section .conversation-area .messages::-webkit-scrollbar{display:none}main .section .conversation-area .messages .message{width:-moz-fit-content;width:fit-content;margin-bottom:1rem;padding:1rem;border-radius:1rem;background-color:#eee;box-shadow:0 0 1rem #0000001a;max-width:75%}main .section .conversation-area .messages .message.user{align-self:flex-end;background-color:#000;color:#fff}main .section .conversation-area .input-area{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;box-sizing:border-box;border-top:1px solid #ccc}main .section .conversation-area .input-area input{flex:1;max-width:90%;height:3rem;border-radius:.5rem;padding:1rem;font-size:1rem;outline:none;border:1px solid #ccc}main .section .conversation-area .input-area button{min-width:8rem;height:3rem;border:none;border-radius:.5rem;padding:1rem;font-size:1rem;outline:none;background-color:#000;color:#fff;cursor:pointer}main .section .conversation-area .input-area button:hover{background-color:#333}main .section .conversation-area .input-area button:active{scale:.98}.permission-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:1rem;max-width:500px;width:90%;text-align:center;box-shadow:0 10px 30px #0000004d}.modal-content h2{margin-bottom:1rem;color:#333}.warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:.5rem;padding:1rem;margin:1rem 0;text-align:left}.warning ul{margin:.5rem 0 0 1rem;padding:0}.modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.download-btn,.api-btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:background-color .3s}.download-btn{background-color:#10a37f;color:#fff}.download-btn:hover{background-color:#0d8f6b}.api-btn{background-color:#6c757d;color:#fff}.api-btn:hover{background-color:#5a6268}.download-progress{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 10px 30px #0000004d;text-align:center;z-index:1000}.progress-bar{width:300px;height:20px;background-color:#f0f0f0;border-radius:10px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background-color:#10a37f;transition:width .3s ease}@media(min-width:320px)and (max-width:720px){main{padding:.5rem}main .section{padding:.5rem;border-radius:.5rem}main .section .header{padding:.25rem}main .section .header h3{font-size:1.25rem}main .section .header h5{font-size:.75rem}main .section .conversation-area{padding:.5rem}main .section .conversation-area .messages{padding:.5rem}main .section .conversation-area .messages .message{padding:.5rem;font-size:.75rem;border-radius:.5rem}main .section .conversation-area .input-area{padding:.5rem}main .section .conversation-area .input-area input{height:2rem;font-size:.75rem;border-radius:.5rem 0 0 .5rem}main .section .conversation-area .input-area button{min-width:6rem;height:2rem;font-size:.75rem;padding:1.0625rem .5rem;display:flex;align-items:center;justify-content:center;border-radius:0 .5rem .5rem 0}main .permission-modal .modal-content{max-width:90%;padding:1.5rem}main .download-progress .progress-bar{width:90%}}