button{background-color:transparent;border:none;border-radius:100px;padding:8px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;position:relative;cursor:pointer}button:hover{background-color:#ffffff10}button:hover svg g path:not(button.fill svg g path){fill:var(--color-white)}button.fill{background-color:var(--color-white)}button.disabled{opacity:.5;cursor:not-allowed}.tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background-color:var(--color-gray-dark);border:1px solid var(--color-border);border-radius:4px;color:var(--color-white);font-size:12px;line-height:16px;white-space:nowrap;margin-bottom:8px;transition:opacity .2s ease-in-out;font-family:Plus Jakarta Sans}.dropdown{border-radius:34px;border:1px solid var(--color-border);padding:10px 16px;position:relative;cursor:pointer;user-select:none;color:var(--color-gray-base);text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:400}.dropdown-trigger{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center}.dropdown-menu{display:none;position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:var(--color-black);border:1px solid var(--color-border);border-radius:8px;padding:4px 0;z-index:1000;width:fit-content;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.dropdown.active .dropdown-menu{display:block;opacity:1;transform:translateY(0)}.dropdown-item{padding:8px 12px;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:row}.dropdown-item:hover{background-color:var(--color-border)}.dropdown-item .flag-icon,.dropdown-trigger .flag-icon{height:16px;vertical-align:middle;margin-right:8px}.content{display:flex;flex-direction:column;flex-grow:1}.content .header{padding:12px;display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:space-between;position:relative}.content .header .title{border-radius:8px;padding:5px 0;display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;position:relative;cursor:default;color:var(--color-gray-base);text-align:center;font-family:Plus Jakarta Sans;font-size:18px;line-height:24px;font-weight:600}.content .header .title .logo{border-radius:24px;width:24px;aspect-ratio:1;position:relative}.content .header .action{display:flex;flex-direction:row;gap:12px}.content .header .action #ap{width:40px;display:flex;justify-content:center;align-items:center}.content .body{padding:24px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-grow:1;position:relative}.content .body .chatContainer{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;width:100%;max-width:800px;position:relative;flex-grow:1;max-height:calc(100vh - 280px);overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.content .body .chatContainer .welcomeState .background{width:100%;height:100%;object-fit:contain;position:absolute;top:50%;transform:translateY(-50%);z-index:-1}.content .body .chatContainer .welcomeState{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;gap:8px;cursor:default}.content .body .chatContainer .welcomeState h1{background:linear-gradient(74deg,#4285f4,#9b72cb 9%,#d96570 20% 24%,#9b72cb 35%,#4285f4 44%,#9b72cb,#d96570 56%,#4285f4 75%,#9b72cb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Plus Jakarta Sans;text-align:center;font-size:36px;line-height:48px;font-weight:700;text-wrap:nowrap}.content .body .chatContainer .welcomeState p{text-align:center;color:var(--color-gray-base);font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:500;margin:0}.content .body .chatContainer .welcomeState hr{width:50%;max-width:800px;border:none;height:.8px;background-color:var(--color-border);margin:12px 0}.content .body .chatContainer .welcomeState .supportingText{display:flex;align-items:center;justify-content:center;gap:8px;align-items:baseline}.content .body .chatContainer .welcomeState .supportingText .geminiLogo{display:flex;align-items:center;gap:8px}@media (max-width: 430px){.content .body .chatContainer .welcomeState{background-image:none}.content .body .chatContainer .welcomeState p{font-size:14px;line-height:16px}.content .body .chatContainer .welcomeState p br{display:none}.content .body .chatContainer .welcomeState hr{margin:8px 0}}.content .chatinputContainer{padding:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;position:relative}.content .chatinputContainer .padding{width:100%;max-width:800px;background-color:var(--color-gray-dark);border-radius:12px;border:1px solid var(--color-border)}.content .chatinputContainer .padding .inputContainer{padding:12px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;position:relative}.content .chatinputContainer .inputContainer textarea{background-color:transparent;border:none;outline:none;color:var(--color-white);font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:400;width:100%;resize:none}.content .chatinputContainer .inputContainer .chatSetting{width:100%;display:flex;flex-direction:row;gap:12px;align-items:flex-start;justify-content:space-between}.content .chatinputContainer .inputContainer .chatSetting .dropdownContainer{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;width:100%;position:relative}.content .chatinputContainer .noticeText{color:var(--color-gray-base);text-align:center;font-family:Plus Jakarta Sans;font-size:12px;font-weight:400;line-height:16px;user-select:none}.langButton{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background-color:var(--color-gray-dark);border:1px solid var(--color-border)}.langButton img{width:20px;height:20px}.langButton .selectedLang{font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;color:var(--color-gray-base)}@media screen and (max-width: 640px){.langButton .selectedLang{display:none}.langButton{padding:8px!important}}.chat{width:100%;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;position:relative}.chat.ai{align-items:flex-start}.chat.user{align-items:flex-end}.chat .header{padding:0}.chat .header .logo{border-radius:32px;width:32px;aspect-ratio:1;position:relative}.chat .ballon{background-color:var(--color-gray-dark);border-radius:8px;padding:12px 12px 6px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;position:relative}.chat .ballon .message{color:var(--color-white);text-align:left;font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:400}.chat .ballon .latin{color:var(--color-gray-light);text-align:left;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:400}.chat .ballon .clock{color:var(--color-gray-light);text-align:right;font-family:Plus Jakarta Sans;font-size:12px;line-height:16px;font-weight:400;user-select:none;width:100%}.chat .action{display:flex;flex-direction:row;align-items:center;gap:8px}.chat .action .tag{height:fit-content;background:#323232;border-radius:24px;padding:4px 8px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;user-select:none}.chat .action .tag.lang,.chat .action .tag.tone{color:var(--color-gray-light);text-align:left;font-family:Plus Jakarta Sans;font-size:12px;line-height:16px;font-weight:400}.chat.user .action .tooltip{left:10%;transform:translate(-50%)}.chat.ai .action .tooltip{left:90%;transform:translate(-50%)}.bannerChat{display:flex;flex-direction:column;gap:4px;align-items:flex-end;justify-content:flex-start;width:227px;position:absolute;bottom:24px;right:24px;user-select:none;opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards;animation-delay:5s}.bannerChat .header{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative;color:var(--color-gray-light);text-align:left;font-family:Plus Jakarta Sans;font-size:12px;line-height:16px;font-weight:400}.bannerChat .header .avatar{border-radius:24px;width:24px;object-fit:cover;aspect-ratio:1}.bannerChat .ballon{background:var(--color-gray-dark);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:2px;align-items:flex-end;justify-content:flex-start;position:relative;color:var(--color-white);text-align:left;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:400}.bannerChat .action{display:flex;flex-direction:row;gap:6px;align-items:center;justify-content:flex-start;position:relative}.bannerChat .action .link{background:var(--color-gray-dark);border-radius:24px;padding:2px 8px 3px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.bannerChat .action .link a{color:var(--color-gray-light);text-align:left;font-family:Plus Jakarta Sans;font-size:12px;line-height:16px;font-weight:400;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.bannerChat{display:none}}.pill{border-radius:4px;border:1px solid var(--color-border);padding:8px 8px 8px 12px;display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;position:relative;height:fit-content;color:var(--color-gray-base);text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:400}.pill img{width:20px;aspect-ratio:1;position:relative;object-fit:cover}.pill:hover{background-color:#ffffff10;cursor:pointer}.pill.active{border:none;background-color:var(--color-white);color:var(--color-gray-dark)}:root{--color-white: #ffffff;--color-black: #121212;--color-sidebar-background: #161616;--color-gray-base: #b4b4b4;--color-gray-dark: #323232;--color-gray-light: #9b9b9b;--color-border: #444444}*{margin:0;padding:0}body{background-color:var(--color-black);height:100vh;display:flex;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.mainContent{display:flex;flex-direction:row;flex-grow:1;padding:12px}.notFound{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;width:100%;flex:1;position:relative}.notFound h1{background:linear-gradient(90deg,#4285f4,#9b72cb 9.000000357627869%,#d96570 20.000000298023224% 23.999999463558197%,#9b72cb 34.99999940395355%,#4285f4 43.99999976158142%,#d96570 55.93046545982361%,#9b72cb 58.36998224258423%,#4285f4 75%,#9b72cb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-family:Plus Jakarta Sans;font-size:36px;line-height:48px;font-weight:700}.notFound .message{color:var(--color-gray-base);text-align:center;font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:400}.notFound button{background-color:transparent;border-radius:4px;padding:10px 12px;border:1px solid var(--color-border);display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;position:relative;cursor:pointer;color:var(--color-gray-light);text-align:center;font-family:Plus Jakarta Sans;font-size:14px;line-height:16px;font-weight:500}.notFound button:hover{background:var(--color-white);color:var(--color-gray-dark)}.popupLang{background:var(--color-black);border-radius:12px;border:1px solid var(--color-border);padding:12px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;visibility:hidden;transition:all .2s ease-in-out;z-index:1000;max-width:422px;height:fit-content}@media screen and (max-width: 480px){.popupLang{width:100%;max-width:calc(100% - 40px)}}.popupLang .header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;user-select:none;color:var(--color-white);text-align:left;font-family:Plus Jakarta Sans;font-size:16px;line-height:24px;font-weight:600}.popupLang .listLang{display:flex;flex-direction:row;gap:8px;row-gap:12px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;align-content:flex-start;position:relative}.popupLang.show{opacity:1;visibility:visible;transform:translate(-50%,-70%) scale(1)}