@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);*{box-sizing:border-box;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;margin:0;padding:0}.chat-interface{background-color:#f8fafc;display:flex;flex-direction:column;height:100vh}.chat-header{background-color:#fff;box-shadow:0 2px 4px #0000000d;padding:24px;text-align:center}.chat-header h1{color:#0a66c2;font-size:32px;font-weight:700;margin-bottom:8px}.subtitle{color:#666;font-size:16px}.message-list{flex-grow:1;gap:16px;overflow-y:auto;padding:24px}.message-container,.message-list{display:flex;flex-direction:column}.message-container{animation:fadeIn .3s ease-in-out;max-width:80%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end}.computer-message{align-self:flex-start}.message-sender{color:#666;font-size:14px;font-weight:500;margin-bottom:4px}.message-bubble{word-wrap:break-word;border-radius:12px;font-size:16px;line-height:1.5;padding:12px 16px}.user-message .message-bubble{background-color:#e7f5ff;color:#1e3a8a}.computer-message .message-bubble{background-color:#fff;border:1px solid #e5e7eb;color:#1e293b}.message-timestamp{align-self:flex-end;color:#94a3b8;font-size:12px;margin-top:4px}form{background-color:#fff;display:flex;gap:12px;padding:16px 24px}input{border:2px solid #e5e7eb;border-radius:24px;flex-grow:1;font-size:16px;padding:12px 16px;transition:all .2s ease}input:focus{border-color:#0a66c2;box-shadow:0 0 0 3px #0a66c21a;outline:none}button{background-color:#0a66c2;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}button:hover{background-color:#1e3a8a}button:active{transform:scale(.98)}@media (max-width:767px){.message-container{max-width:85%}.chat-header h1{font-size:24px}.subtitle{font-size:14px}form{padding:12px 16px}}.typing-indicator{display:flex;gap:4px;padding:4px}.typing-indicator span{animation:typing 1s ease-in-out infinite;background-color:#0a66c2;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sidebar{background-color:#fff;box-shadow:2px 0 5px #0000001a;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:300px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.logo-container{align-items:center;cursor:pointer;display:flex;gap:.5rem;transition:opacity .2s ease}.logo-container:hover{opacity:.8}.logo{height:32px;width:auto}.new-chat-button{align-items:center;background-color:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin:1rem;padding:.75rem}.history-section{flex:1 1;overflow-y:auto;padding:1rem}.history-section h2{color:#666;font-size:.9rem;margin-bottom:1rem}.history-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding-right:8px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#00000008;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.history-list::-webkit-scrollbar-thumb:hover{background:#00000026}.history-list{scrollbar-color:#0000001a #00000008;scrollbar-width:thin}.history-item{background-color:#00000005;border-radius:6px;cursor:pointer;padding:.75rem;transition:all .2s ease}.history-item:hover{background-color:#0000000a;transform:translateX(2px)}.sidebar-footer{border-top:1px solid #eee;padding:1rem;position:relative}.user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.user-profile:hover{background-color:#0000000d}.user-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.user-info{flex:1 1;overflow:hidden}.user-name{color:#333;font-size:.95rem;font-weight:500;margin:0}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:.8rem;margin:2px 0 0}.menu-button{background:none;border:none;cursor:pointer;padding:8px}.menu-button,.service-title{color:var(--text-primary);font-size:24px}.service-title{font-family:Pretendard,sans-serif;font-weight:600;margin:0}.user-menu{background-color:#fff;border-radius:8px;bottom:100%;box-shadow:0 -2px 10px #0000001a;left:1rem;margin-bottom:.5rem;padding:.5rem;position:absolute;right:1rem}.menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem;transition:background-color .2s ease;width:100%}.menu-item:hover{background-color:#0000000d;border-radius:6px}.menu-item svg{color:#666;font-size:1.1rem}.sidebar-toggle{background:#fff;border:1px solid #ddd;border-radius:0 4px 4px 0;box-shadow:2px 0 5px #0000001a;cursor:pointer;padding:8px;position:absolute;right:-30px;top:50%;transform:translateY(-50%)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.sidebar-tabs{display:flex;gap:10px;margin-bottom:20px}.tab{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;padding:8px 16px}.tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.history-content,.settings-content{padding:10px 0}.login-prompt{color:var(--text-secondary);margin-top:20px;text-align:center}.setting-item{margin-bottom:15px}.setting-item label{color:var(--text-secondary);display:block;margin-bottom:5px}.main-content{margin-left:0;transition:margin-left .3s ease}.main-content.sidebar-open{margin-left:300px}.login-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.login-button-container{margin-top:20px}@media (min-width:1024px){.sidebar{transform:translateX(0)}.main-content{margin-left:300px}}@media (max-width:1023px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content,.main-content.sidebar-open{margin-left:0}}.mobile-menu-button:active{background-color:#0000000d;border-radius:4px}.mobile-menu-button.hidden{display:none}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:8px;transition:all .2s ease}.close-button:hover{color:#333}@media (min-width:1024px){.mobile-menu-button{display:none}}.desktop-menu-button,.mobile-menu-button{color:#333;display:none;font-size:24px;left:1rem;position:fixed;top:1rem;z-index:1001}.desktop-menu-button,.mobile-menu-button,.toggle-button{background:none;border:none;cursor:pointer;padding:8px;transition:all .2s ease}.toggle-button{color:#666;font-size:20px}.toggle-button:hover{color:#333}@media (min-width:1024px){.desktop-menu-button{display:block}.desktop-menu-button.hidden,.mobile-menu-button{display:none}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}@media (max-width:1023px){.mobile-menu-button{display:block}.desktop-menu-button,.mobile-menu-button.hidden{display:none}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.desktop-menu-button:hover,.mobile-menu-button:hover,.toggle-button:hover{background-color:#0000000d;border-radius:4px}.desktop-menu-button:active,.mobile-menu-button:active,.toggle-button:active{background-color:#0000001a}.login-container{align-items:center;display:flex;flex:1 1;height:calc(100vh - 80px);justify-content:center}.login-content{align-items:center;display:flex;flex-direction:column;gap:20px}.login-message{color:#666;font-size:1.1rem;line-height:1.6;margin:0;padding:20px;text-align:center}.google-login-button{margin-top:10px}.google-login-button>div{width:100%!important}.user-avatar-placeholder{align-items:center;background-color:#007aff;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:500;height:36px;justify-content:center;width:36px}
/*# sourceMappingURL=main.d8e23e04.css.map*/