@import"//fonts.googleapis.com/earlyaccess/jejumyeongjo.css";@import"https://fonts.googleapis.com/css2?family=Road+Rage&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg-color: #121212;--primary-color: #0e464f;--secondary-color: #2a2a2a;--text-color: #ffffff;--message-bg: #1e1e1e;--grey-color: #444;--border-radius: 16px;--focus-color: rgb(221, 224, 189);--hover-color: #052f35}*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none;box-shadow:0 0 0 .4rem #dde0bd80}*:focus-visible{outline:none;box-shadow:0 0 0 .4rem #dde0bd80}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:JejuMyeongjo,serif;font-size:1.6rem;background:radial-gradient(52.52% 32.71% at 50% 97.66%,#24a0b533,#24a0b500),var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:sans-serif}.chat-container{position:relative;display:flex;flex-direction:column;max-width:44rem;margin-inline:1rem;height:96dvh;background:var(--secondary-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 5px 15px #0000004d}.chat-header{padding:15px 20px;background:var(--primary-color);text-align:left;font-weight:700;display:flex;justify-content:space-between;align-items:end}.chat-header>button{cursor:pointer;border:none;background:none;padding:5px 10px;border-radius:8px;transition:transform .2s ease-in-out}.chat-header>button:hover{scale:1.05}.chat-box{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:2px;scrollbar-color:var(--grey-color) var(--hover-color)}.chat-box::-webkit-scrollbar{width:2px}.chat-box::-webkit-scrollbar-track{background:var(--hover-color)}.chat-box::-webkit-scrollbar-thumb{background:var(--hover-color);border-radius:4px}.chat-box::-webkit-scrollbar-thumb:hover,.chat-box::-webkit-scrollbar-track:hover,.chat-box::-webkit-scrollbar:hover{scale:1;background:var(--hover-color)}.message{position:relative;min-width:16rem;max-width:75%;word-wrap:break-word;transition:transform .2s ease-in-out}.message:hover{transform:scale(1.02)}.message.user{min-width:20%}.bot{align-self:flex-start;background:var(--primary-color);border-radius:0 20px 20px;padding:10px 15px 10px 12px}.bot:after{content:"";position:absolute;visibility:visible;top:0;left:-10px;border:10px solid transparent;border-top:10px solid var(--primary-color)}.user{align-self:flex-end;background:var(--grey-color);border-radius:20px 0 20px 20px;padding:10px 12px 10px 15px}.user:before{content:"";position:absolute;visibility:visible;top:0;right:-10px;border:10px solid transparent;border-top:10px solid var(--grey-color)}.options-button{cursor:pointer;border:none;background:none;padding:0}.options-button:hover{scale:1.1}.user .options-button{float:right;padding-left:6px}.bot .options-button{float:left;padding-right:6px}.purpose{width:100%;border-bottom:1px solid white;padding:0 0 5px;margin-bottom:5px;margin-left:10px}.language{display:block;text-align:right;padding-top:5px;font-size:10px}.input-area{display:flex;gap:10px;padding:10px;background:var(--secondary-color);border-top:2px solid var(--grey-color)}.input-area textarea{flex:1;font-family:JejuMyeongjo,serif;font-size:1.6rem;padding:10px;border:none;border-radius:var(--border-radius);resize:none;height:3.6rem;background:var(--message-bg);color:var(--text-color)}.input-area button{align-self:flex-end;padding:10px 15px;background:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;transition:.3s}.input-area button:hover{background:var(--hover-color);scale:1.1}.typing{font-size:1.2rem;padding:0 10px 10px 20px}.selected{position:relative;background-color:var(--hover-color);z-index:90;box-shadow:0 15px 25px #0009}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:absolute;min-width:20rem;background:var(--secondary-color);padding:10px;border-radius:8px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;gap:8px;top:36px}.user .modal{right:6px;align-items:end}.bot .modal{left:6px;align-items:start}.bot .modal button{align-self:end}.modal>div{display:flex;gap:5px}.modal p{color:#ff4500;font-size:1.4rem;font-style:italic}.modal>div>select{font-family:JejuMyeongjo,serif;cursor:pointer;border:none;background:var(--primary-color);color:var(--text-color);padding:2px;border-radius:4px}.modal button{cursor:pointer;padding:5px 16px;border:none;background:none;color:#fff;background:var(--bg-color);border-radius:4px;border-bottom:2px solid var(--grey-color);border-right:2px solid var(--grey-color)}.modal button:hover{background:var(--hover-color)}