.chatbot-item-container{display:flex;flex-direction:row;align-items:center;padding:0;gap:8px;width:480px;max-width:100%;height:auto;flex:none;order:0;flex-grow:0;position:relative}.chatbot-item-image-wrapper{position:relative;width:120px;height:120px;border-radius:12px;overflow:hidden;flex:none;order:0;flex-grow:0}.chatbot-item-image-bg{position:absolute;width:120px;height:120px;left:0;top:0;background:#d9d9d9;border-radius:12px}.chatbot-item-image{position:absolute;left:0;top:0;width:120px;height:120px;object-fit:cover;border-radius:12px}.chatbot-item-text-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:6px;width:200px;flex:none;order:1;flex-grow:1}.chatbot-item-name{width:200px;height:20px;font-style:normal;font-family:MinSans-Bold;font-size:16px;line-height:20px;color:#000;flex:none;order:0;flex-grow:0}.chatbot-item-description{width:95%;max-width:95vw;min-height:18px;overflow:visible;display:block;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#555}.chatbot-item-hashtags{width:200px;height:16px;font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#b7b7b7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none;order:2;flex-grow:0}.chatbot-item-reppley-id{width:200px;height:16px;font-style:normal;font-weight:700;font-size:12px;line-height:16px;color:#949494;flex:none;order:3;flex-grow:0}.banner-container{position:fixed;margin-top:8px;margin-bottom:8px;left:50%;transform:translate(-50%);z-index:1000;max-width:480px;width:100%;height:66px;overflow:hidden}.banner-container img{width:100%;height:100%;object-fit:cover;display:block}.chatbot-list-page .scroll-container{margin-top:82px;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;background:linear-gradient(180deg,#fafafa,#fff);border-radius:20px 20px 0 0;box-shadow:0 -2px 20px #0000000d;transition:all .3s ease}.chatbot-list-page .scroll-container::-webkit-scrollbar{display:none}.chatbot-list-page .scroll-container:hover{box-shadow:0 -4px 25px #00000014}.pick-title-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 16px;width:100%;height:40px;margin-top:16px}.pick-title{width:100%;max-width:100%;font-family:MinSans-Bold;font-size:18px;line-height:24px;text-align:left;color:#000}.chatbot-list-section{display:flex;flex-direction:column;align-items:flex-start;padding:16px 16px 32px;gap:32px;width:100%;box-sizing:border-box}:root{--color-body-bg: #cccccc;--color-background: #FFFFFF;--color-user-bubble: #3CBA85;--color-assistant-bubble: #EFEFEF;--color-user-text: #FFFFFF;--color-assistant-text: #000000;--color-header-bg: #FFFFFF;--color-header-text: #000000;--color-date-text: #888888;--color-user-description: #B9F6BF;--color-assistant-description: #949494;--color-bot-name: #303030;--color-user-name: #000000}@font-face{font-family:MinSans;src:url(/assets/MinSans-Regular-Bq0jsSdt.otf) format("opentype")}@font-face{font-family:MinSans-Bold;src:url(/assets/MinSans-Bold-C1sPE8DK.otf) format("opentype")}@font-face{font-family:MinSans-Italic;src:url(/assets/MinSans-Italic-BGQqFbiC.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:MinSans}html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;position:fixed;width:100%;display:flex;justify-content:center;background-color:var(--color-body-bg)}#root{width:100%;height:100%;overflow:hidden}.chatbot-page-wrapper{position:fixed;top:0;left:50%;transform:translate(-50%);width:480px;max-width:100%;height:100dvh;display:flex;flex-direction:column;background-color:var(--color-background)}@media screen and (max-width: 480px){.chatbot-page-wrapper{width:100%;left:0;transform:none}}.chat-room-page .scroll-container{margin-top:82px;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;background:linear-gradient(180deg,#e8f5e8,#f0f8f0,#fff);position:relative;scroll-behavior:smooth;border-radius:16px 16px 0 0;box-shadow:0 -4px 16px #4caf501a,0 -2px 8px #4caf500d}.chat-room-page.webview .scroll-container{margin-top:82px}.chat-room-page .scroll-container::-webkit-scrollbar{display:none}.chat-room-page .scroll-container:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:4px;background:linear-gradient(90deg,transparent,#4CAF50,transparent);border-radius:2px;opacity:.3;animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.chat-room-page .scroll-container:hover{box-shadow:0 -6px 20px #4caf5026,0 -3px 10px #4caf5014}.chatroom-title{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:999;width:100%;max-width:480px;height:46px;display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 16px;background:#fff}.back-icon{width:24px;height:24px;cursor:pointer}.chatbot-name{font-size:20px;font-family:MinSans-Bold}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;width:100%;height:100%}.popup-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;gap:16px;width:296px;height:348px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 1px 16px #00000014;border-radius:12px}.popup-content h2{margin-top:40px;color:#000;font-size:18px;text-align:center}.popup-content p{color:#000;font-size:16px;text-align:center}.popup-content button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px;gap:8px;width:264px;height:52px;background:#51d696;border-radius:26px;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;flex:none;order:0;align-self:stretch;flex-grow:0}.popup-content button:hover{background-color:#35a676}.close-button{position:absolute;right:10px;top:10px;background:#fff!important;padding:5px!important;border:none;cursor:pointer}.close-button img{width:24px;height:24px;margin-left:auto}.app-icon{width:80px;height:80px}.messages{flex:1;padding:16px;overflow-y:auto;background-color:var(--color-background);width:100%;box-sizing:border-box;margin:0;display:flex;flex-direction:column;position:absolute;top:60px;bottom:54px;height:calc(100dvh - 114px);scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.messages::-webkit-scrollbar{display:none}.message{position:relative;max-width:calc(80% - 50px);padding:10px;border-radius:8px;box-shadow:0 1px 2px #0000001a;word-wrap:break-word;white-space:pre-wrap;margin-top:20px}.message-time{position:absolute;font-size:12px;color:var(--color-date-text);white-space:nowrap;bottom:0}.user-message .message-time{right:calc(100% + 5px);left:auto}.response-message .message-time{left:calc(100% + 5px)}.user-message{background-color:var(--color-user-bubble);color:var(--color-user-text);margin-left:auto;margin-right:10px}.response-message{background-color:var(--color-assistant-bubble);color:var(--color-assistant-text);margin-right:auto}.info-message-container{display:flex;justify-content:center;box-sizing:border-box;width:100%;margin:24px 0}.info-message{background-color:#f5f5f5;padding:12px 12px 12px 46px;font-size:14px;color:#555;width:100%;min-width:100%;box-sizing:border-box;text-align:left;white-space:pre-line;position:relative;box-shadow:none}.info-message:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;background-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M22%2011C22%2017.0751%2017.0751%2022%2011%2022C4.92487%2022%200%2017.0751%200%2011C0%204.92487%204.92487%200%2011%200C17.0751%200%2022%204.92487%2022%2011ZM12%205C12%205.55228%2011.5523%206%2011%206C10.4477%206%2010%205.55228%2010%205C10%204.44772%2010.4477%204%2011%204C11.5523%204%2012%204.44772%2012%205ZM12%209C12%208.44771%2011.5523%208%2011%208C10.4477%208%2010%208.44771%2010%209V17C10%2017.5523%2010.4477%2018%2011%2018C11.5523%2018%2012%2017.5523%2012%2017V9Z'%20fill='%23C8C8C8'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat}.message .italic-text{font-family:MinSans-Italic,sans-serif!important;color:var(--color-assistant-description)}.user-message .italic-text{color:var(--color-user-description)}.response-message .italic-text{color:var(--color-assistant-description)}.message-container{display:flex;align-items:flex-start;margin-bottom:10px;position:relative}.user-message-container{justify-content:flex-end}.response-message-container{justify-content:flex-start}.profile-image{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px;flex-shrink:0}.profile-image img{width:100%;height:100%;object-fit:cover}.bot-name{position:absolute;top:0;left:50px;font-size:12px;color:var(--color-bot-name)}.message-container:first-child{margin-top:auto;padding-top:32px}.info-message .bold-text{font-weight:700}.loading-gif{width:64px;height:24px;display:block;margin:0 auto}@media screen and (max-width: 530px){.messages{background-color:#fff}}.message-container:first-child .info-message-container{margin-top:0}.message-container+.info-message-container,.info-message-container+.message-container{margin-top:12px}.input-form{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:530px;max-width:100%;background-color:var(--color-background);min-height:54px;margin:0;display:flex;align-items:flex-end;box-shadow:0 -2px 5px #0000000d;z-index:1000}.input-form button{width:52px;height:54px;border:none;cursor:pointer;flex-shrink:0;padding:0;margin:0;display:flex;justify-content:center;align-items:center}.input-form .send-button{background-color:#d4d4d4}.input-form .send-button.active{background-color:#51d696}.input-form .send-button:disabled{background-color:#d4d4d4;cursor:not-allowed}.input-form .italic-button{background-color:#fff;width:20px;margin-right:15px}.input-form .italic-button img{width:20px;height:20px;object-fit:contain}.chat-input{flex:1;margin:0!important;padding:15px 0 15px 15px!important;border:1px solid #fff;width:100%;min-height:54px;max-height:150px;box-sizing:border-box;resize:none;overflow-y:auto;font-size:16px;outline:none!important}.chat-input:focus{outline:none!important;border-color:#fff}@media screen and (max-width: 768px){.input-form{display:flex;align-items:center;gap:0}.input-form button{min-width:54px;margin:0!important;padding:0!important}.input-form .italic-button{width:20px!important;margin:0!important;padding:0!important}.input-form .send-button{margin:0!important;padding:0!important}.chat-input{min-height:54px}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;font-family:Arial,sans-serif;background-color:#fff}.chatbot-icon{width:100px;height:100px;margin-bottom:16px}.error-message{margin-bottom:16px}.error-message p{margin:5px 0;font-size:16px;color:#b7b7b7}.error-message p:nth-child(1){font-size:16px;font-weight:700;line-height:20px;text-align:center}.error-message p:nth-child(2){font-size:14px;font-weight:400;line-height:18px;text-align:center}.action-button{padding:16px;border:none;background-color:#efefef;color:#949494;border-radius:26px;font-size:16px;font-weight:700;line-height:20px;text-align:center;cursor:pointer}.chatbot-detail-page .scroll-container{margin-top:120px;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;background:#fff;position:relative;scroll-behavior:smooth;padding-top:8px}.chatbot-detail-page.chatbot-page-wrapper .scroll-container{margin-top:120px;background:#fff;border-radius:0;box-shadow:none}.chatbot-detail-page .scroll-container::-webkit-scrollbar{display:none}.chatbot-detail-page .scroll-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#4CAF50,transparent);opacity:0;transition:opacity .3s ease}.chatbot-detail-page .scroll-container:hover:before{opacity:.6}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;font-family:MinSans;font-size:16px;color:var(--color-date-text)}.chatbot-detail-back-button{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:1001;width:100%;max-width:480px;height:46px;display:flex;flex-direction:row;align-items:center;gap:8px;padding:0 16px;background:transparent}@media screen and (max-width: 480px){.chatbot-detail-back-button{width:100%;left:0;transform:none}}.chatbot-detail-back-icon{width:24px;height:24px;cursor:pointer}.chatbot-detail-page-header{position:relative;height:360px;overflow:hidden;margin-top:-8px;z-index:1000}.chatbot-detail-profile-background{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.chatbot-detail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.6));display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:120px 20px 20px}.chatbot-detail-bot-name{font-family:var(--font-bold);font-size:24px;color:#fff;margin:0 0 8px;text-align:left;text-shadow:0 2px 4px rgba(0,0,0,.5)}.chatbot-detail-hashtags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.chatbot-detail-hashtag{display:inline-block;padding:0;margin-right:8px;color:#fff;font-family:MinSans;font-size:14px;font-weight:400;line-height:18px}.chatbot-detail-bot-description{font-family:var(--font-regular);font-size:14px;color:#fff;margin:0;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.4}.chatbot-detail-page-body{display:flex;flex-direction:column;gap:24px;padding:0 20px 100px;margin-top:20px;background-color:#fff}@media screen and (max-width: 480px){.chatbot-detail-page-body{padding:0 15px 100px}}.chatbot-detail-section{background-color:transparent;padding:0;border-radius:0;border:none}.chatbot-detail-section h2{font-family:MinSans-Bold;font-size:16px;line-height:24px;color:var(--color-bot-name);padding-bottom:12px;border-bottom:none}.chatbot-detail-greeting-message{font-family:MinSans;font-size:16px;line-height:22px;color:#000;white-space:pre-wrap}.chatbot-detail-greeting-message .italic-text,.chatbot-detail-description-item .italic-text,.chatbot-detail-question .italic-text,.chatbot-detail-answer .italic-text{font-family:MinSans-Italic,sans-serif!important;color:var(--color-assistant-description)}.chatbot-detail-description-item{margin-bottom:32px}.chatbot-detail-description-item:last-child{margin-bottom:0}.chatbot-detail-description-item h3{font-family:MinSans-Bold;font-size:16px;line-height:22px;color:var(--color-bot-name);margin-bottom:8px}.chatbot-detail-description-item p{font-family:MinSans;font-size:14px;line-height:20px;color:#949494;white-space:pre-wrap}.chatbot-detail-tab-container{background-color:transparent;border-radius:0;border:none;overflow:visible}.chatbot-detail-tab-buttons{display:flex;background-color:transparent;border-radius:0;padding:0;gap:8px;width:fit-content;margin:0}.chatbot-detail-tab-button{flex:none;padding:8px 12px;border:none;background-color:#f0f0f0;font-family:MinSans-Bold;font-size:14px;line-height:20px;color:#666;cursor:pointer;transition:all .3s ease;border-radius:20px;white-space:nowrap;min-width:fit-content}.chatbot-detail-tab-button.active{background-color:#51d696;color:#fff;font-family:MinSans-Bold}.chatbot-detail-tab-button:hover:not(.active){background-color:#e0e0e0}.chatbot-detail-tab-content{background-color:transparent;margin-top:20px}.chatbot-detail-tab-content.details-tab{border:1px solid #DFDFDF;border-radius:12px;padding:16px}.chatbot-detail-tab-content.examples-tab{padding:0}.chatbot-detail-private-container{height:196px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;margin-top:20px}.chatbot-detail-private-icon{width:48px;height:48px;margin-bottom:12px}.chatbot-detail-private-container p{font-family:MinSans;font-size:16px;color:#b7b7b7;margin:0;text-align:center}.chatbot-detail-empty-container{height:196px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:12px}.chatbot-detail-empty-icon{width:48px;height:48px;margin-bottom:12px}.chatbot-detail-empty-container p{font-family:MinSans;font-size:16px;color:#b7b7b7;margin:0;text-align:center}.chatbot-detail-tab-panel{padding:0;min-height:200px}.chatbot-detail-qa-list{display:flex;flex-direction:column;gap:10px}.chatbot-detail-qa-item{background-color:#fff;border-radius:12px;padding:12px;border:1px solid #DFDFDF;overflow:visible;width:100%;min-height:141px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 481px){.chatbot-detail-qa-item{max-width:100%}}.chatbot-detail-question,.chatbot-detail-answer{padding:0;border:none;background-color:transparent}.chatbot-detail-question{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #DFDFDF}.chatbot-detail-answer{margin-top:0;padding-top:6px}.chatbot-detail-question h4,.chatbot-detail-answer h4{display:inline-block;padding:6px 16px;border-radius:20px;font-family:MinSans-Bold;font-size:12px;line-height:16px;margin-bottom:4px;font-weight:700}.chatbot-detail-question h4{background-color:#daefff;color:#1a1a1a}.chatbot-detail-answer h4{background-color:#f5f5f5;color:#4a4a4a}.chatbot-detail-question p,.chatbot-detail-answer p{font-family:MinSans;font-size:14px;line-height:20px;color:#1a1a1a;margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.chat-button-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:480px;max-width:100%;padding:15px;background-color:var(--color-background);display:flex;justify-content:center}@media screen and (max-width: 480px){.chat-button-container{width:100%;left:0;transform:none}}.chat-button{display:inline-block;width:100%;max-width:500px;padding:15px;background-color:#51d696;color:#fff;text-align:center;text-decoration:none;font-family:MinSans-Bold;font-size:16px;line-height:24px;border-radius:26px;transition:background-color .3s}.chat-button:hover{background-color:#45c085}