:root{--bg-color: #ffffff;--sidebar-bg: #f8f9fa;--text-primary: #1f1f1f;--text-secondary: #444746;--surface-color: #f0f4f9;--surface-hover: #e1e5ea;--input-bg: #f0f4f9;--border-color: #e1e5ea;--brand-color: #005A9C;--user-msg-bg: #f0f4f9;--user-msg-text: #1f1f1f;--ai-msg-bg: transparent;--icon-color: #444746;--active-item-bg: #d3e3fd;--active-item-text: #001d35}[data-theme=dark]{--bg-color: #131314;--sidebar-bg: #1e1f20;--text-primary: #e3e3e3;--text-secondary: #c4c7c5;--surface-color: #1e1f20;--surface-hover: #333538;--input-bg: #1e1f20;--border-color: #444746;--brand-color: #7fbcf6;--user-msg-bg: #2a2b2e;--user-msg-text: #e3e3e3;--ai-msg-bg: transparent;--icon-color: #c4c7c5;--active-item-bg: #004a77;--active-item-text: #e3e3e3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;height:100vh;height:100dvh;overflow:hidden;width:100vw;position:fixed}.app-layout{display:flex;width:100%;height:100%;position:relative;overflow:hidden}.sidebar{width:280px;background-color:var(--sidebar-bg);display:flex;flex-direction:column;padding:16px;gap:16px;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);z-index:100;overflow-x:hidden}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-content,.sidebar.collapsed .search-btn{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s}.search-btn{transition:opacity .3s}.sidebar-content{display:flex;flex-direction:column;flex:1;opacity:1;visibility:visible;transition:opacity .3s;overflow:hidden;width:248px}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.new-chat-btn{display:flex;align-items:center;gap:12px;background:transparent;color:var(--text-primary);border:none;padding:12px 16px;border-radius:20px;font-size:.95rem;font-family:inherit;font-weight:500;cursor:pointer;transition:background-color .2s;width:fit-content}.new-chat-btn i{font-size:1.1rem}.new-chat-btn:hover{background-color:var(--surface-hover)}.history-list{flex:1;overflow-y:auto;scrollbar-width:none}.history-list::-webkit-scrollbar{display:none}.history-section-title{font-size:.85rem;font-weight:500;color:var(--text-secondary);padding:12px 16px;margin-top:8px}.history-ul{list-style:none;display:flex;flex-direction:column;gap:2px}.history-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:background-color .2s}.history-item:hover{background-color:var(--hover-color)}.history-item.active{background-color:var(--hover-color);font-weight:500}.history-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.delete-chat-btn{width:28px;height:28px;font-size:.8rem;opacity:0;transition:opacity .2s,color .2s}.history-item:hover .delete-chat-btn{opacity:.6}.history-item:hover .delete-chat-btn:hover{opacity:1;color:#ff4d4d}.sidebar-footer{padding-top:16px}.help-btn{background:transparent;border:none;color:var(--text-primary);padding:12px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.help-btn:hover{background-color:var(--surface-hover)}.main-content{flex:1;display:flex;flex-direction:column;height:100%;position:relative;background-color:var(--bg-color)}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;min-height:64px}.nav-left{display:flex;align-items:center;gap:16px}.mobile-menu-btn{display:none!important}.logo-text{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.chat-title{font-size:.95rem;color:var(--text-secondary);font-weight:500;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 20px}.icon-btn{background:transparent;border:none;color:var(--icon-color);font-size:1.1rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background-color .2s;flex-shrink:0}.icon-btn:hover{background-color:var(--surface-hover)}.scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:0 16px;scrollbar-width:thin;width:100%;max-width:100vw;-webkit-overflow-scrolling:touch}.hero-mode .scroll-container{justify-content:center}.hero-section{text-align:center;width:100%;max-width:800px;animation:fadeIn .8s ease-out}.greeting-small{font-size:1.5rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.greeting-large{font-size:2.8rem;font-weight:700;color:#00acba}.hero-title{font-size:3rem;font-weight:500;margin-bottom:2rem;color:var(--text-primary)}.hero-title .gradient-text{color:#00acba}.chat-mode .scroll-container{justify-content:flex-start}.chat-mode .hero-section,.chat-mode .suggestions{display:none}.chat-messages{width:100%;max-width:800px;display:flex;flex-direction:column;gap:24px;padding:20px 0 120px}.message{display:flex;width:100%;animation:fadeIn .4s cubic-bezier(.1,.8,.2,1)}.user-message{justify-content:flex-end}.ai-message{justify-content:flex-start}.message-content{max-width:85%;line-height:1.6;font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.user-message .message-content{background-color:var(--user-msg-bg);color:var(--user-msg-text);padding:12px 20px;border-radius:24px 24px 4px}.ai-message .message-content{background-color:var(--ai-msg-bg);color:var(--text-primary);padding:4px 0;width:100%;max-width:100%}.message-content p{margin-bottom:1em}.message-content p:last-child{margin-bottom:0}.message-content strong{font-weight:600;color:var(--text-primary)}.message-content ul,.message-content ol{margin-left:1.5rem;margin-bottom:1em}.message-content li{margin-bottom:.4em}.message-content a{color:var(--brand-color);font-weight:500;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem;border:1px solid var(--border-color);background-color:var(--surface-color);border-radius:8px;overflow:hidden}.message-content th{background-color:var(--surface-hover);color:var(--text-primary);font-weight:600;text-align:left;padding:14px 16px;border:1px solid var(--border-color);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.message-content td{padding:12px 16px;border:1px solid var(--border-color);color:var(--text-secondary)}.message-content tr:nth-child(2n){background-color:var(--bg-color)}.message-content tr:hover{background-color:var(--surface-hover)}.option-card{background-color:var(--surface-hover);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin:16px 0;transition:transform .2s ease,box-shadow .2s ease}.option-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-card h3{margin:0 0 10px;color:#00acba;font-size:1.1rem}.option-card ul{margin-bottom:0}.option-card p{margin-bottom:8px}.input-section{width:100%;display:flex;flex-direction:column;align-items:center;padding:10px 16px env(safe-area-inset-bottom,10px) 16px;background-color:var(--bg-color);border-top:1px solid transparent;z-index:10;flex-shrink:0}.input-container-inner{width:100%;max-width:800px;position:relative;display:flex;flex-direction:column;align-items:center}.input-form{display:flex;align-items:center;background-color:var(--input-bg);border-radius:35px;padding:8px 24px;width:100%;margin-bottom:16px;transition:background-color .3s}#user-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;padding:16px 0;outline:none;font-family:inherit}#user-input::placeholder{color:var(--text-secondary)}.input-actions{display:flex;gap:8px}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;animation:fadeIn 1s ease-out}.suggestion-btn{background-color:var(--input-bg);color:var(--text-secondary);border:1px solid transparent;border-radius:16px;padding:8px 16px;font-size:.85rem;font-family:inherit;cursor:pointer;transition:background-color .2s,color .2s}.suggestion-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.disclaimer{font-size:.7rem;color:var(--text-secondary);margin-top:12px;margin-bottom:14px;text-align:center}.typing-dots{display:flex;gap:5px;align-items:center;padding:15px 0!important}.dot{width:6px;height:6px;background-color:var(--text-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #f28b8266}70%{transform:scale(1.1);box-shadow:0 0 0 10px #f28b8200}to{transform:scale(1);box-shadow:0 0 #f28b8200}}.recording{animation:pulse 1.5s infinite;color:#f28b82!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:90}@media (max-width: 768px){.sidebar{position:absolute;height:100%;transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0)}.overlay.show{display:block}.mobile-menu-btn{display:flex!important}.chat-title{display:none}.greeting-small{font-size:1.1rem}.greeting-large{font-size:1.8rem}.input-form{border-radius:28px;padding:4px 16px}.chat-messages{padding-bottom:140px}}