@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--bg-color:#f0f4f9;--sidebar-bg:#e9eef6;--content-bg:#f0f4f9;--text-primary:#1f1f1f;--text-secondary:#444746;--border-color:#dde3ea;--hover-bg:#e9eef6;--active-bg:#dde3ea;--input-bg:#fff;--accent-blue:#1a73e8;--font-family:"Roboto", "Inter", sans-serif;--chip-bg:#fff;--chip-hover:#f0f4f9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--content-bg);color:var(--text-primary);overflow:hidden}#root{height:100vh;display:flex}.layout{width:100%;height:100%;display:flex}.sidebar{background-color:var(--sidebar-bg);z-index:10;flex-direction:column;width:280px;height:100%;padding:12px;transition:width .3s;display:flex;position:relative}.sidebar.collapsed{width:68px}.sidebar.collapsed .new-chat-btn{border-radius:50%;justify-content:center;width:44px;height:44px;margin:0 auto;padding:12px}.sidebar-top{align-items:center;height:48px;margin-bottom:24px;padding:0 12px;display:flex}.sidebar.collapsed .sidebar-top{justify-content:center;padding:0}.new-chat-btn{background-color:var(--hover-bg);cursor:pointer;width:fit-content;color:var(--text-secondary);white-space:nowrap;border-radius:24px;align-items:center;gap:12px;margin-top:10px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.new-chat-btn:hover{background-color:#dde3ea}.sidebar-section{flex:1;overflow-y:auto}.sidebar-label{color:var(--text-primary);margin-bottom:8px;padding:8px 12px;font-size:14px;font-weight:500}.recent-item{cursor:pointer;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border-radius:20px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;transition:background-color .15s;display:flex;overflow:hidden}.recent-item:hover{background-color:var(--hover-bg)}.recent-item-active{background-color:var(--active-bg);color:var(--text-primary);font-weight:500}.sidebar-footer{margin-top:auto;padding-top:12px}.footer-item{cursor:pointer;color:var(--text-secondary);border-radius:20px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.footer-item:hover{background-color:var(--hover-bg)}.main{background-color:var(--content-bg);flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.nav{justify-content:space-between;align-items:center;height:64px;padding:12px 24px;display:flex}.nav-left{align-items:center;gap:16px;display:flex}.menu-icon-wrapper{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:-12px;padding:12px;transition:background-color .2s;display:flex}.menu-icon-wrapper:hover{background-color:var(--hover-bg)}.menu-icon{color:var(--text-secondary)}.gemini-logo{color:var(--text-secondary);font-size:22px;font-weight:400}.nav-right{align-items:center;gap:16px;display:flex}.nav-icon{color:var(--text-secondary);cursor:pointer}.apps-icon{border-radius:50%;padding:4px}.apps-icon:hover{background-color:var(--hover-bg)}.pro-btn{color:var(--text-secondary);cursor:pointer;border:1px solid var(--border-color);background-color:#f0f4f9;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}.profile-img{color:#1967d2;cursor:pointer;background-color:#d2e3fc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:flex}.chat-container{flex-direction:column;flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px;display:flex;position:relative;overflow:hidden}.empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;margin-top:-64px;display:flex}.greet{text-align:center;margin-bottom:40px}.greet-hello{color:var(--text-primary);margin-bottom:4px;font-size:24px;font-weight:400}.greet-question{color:var(--text-primary);font-size:32px;font-weight:400}.main-search-wrapper{flex-direction:column;gap:24px;width:100%;max-width:760px;display:flex}.search-box{background-color:var(--input-bg);border-radius:36px;flex-direction:row;align-items:center;gap:12px;padding:8px 16px;display:flex;box-shadow:0 2px 6px #0000001a}.search-box:focus-within{box-shadow:0 4px 12px #0000001f}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 8px;font-size:16px}.search-box input::placeholder{color:#757575}.search-box-bottom{justify-content:space-between;align-items:center;display:flex}.search-tools-left,.search-tools-right{align-items:center;gap:8px;display:flex}.tool-btn-icon{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.tool-btn-icon:hover{background-color:var(--hover-bg)}.tool-btn-text{background-color:var(--hover-bg);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.tool-btn-text:hover{background-color:#dde3ea}.speed-dropdown{cursor:pointer;color:var(--text-secondary);border-radius:20px;align-items:center;gap:4px;padding:8px 12px;font-size:14px;transition:background-color .2s;display:flex}.speed-dropdown:hover{background-color:var(--hover-bg)}.send-btn{color:var(--text-secondary)}.suggestion-chips{flex-direction:column;align-items:center;gap:12px;display:flex}.chips-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.chip{background-color:var(--chip-bg);color:var(--text-primary);cursor:pointer;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:box-shadow .2s,background-color .2s;display:flex;box-shadow:0 1px 2px #0000000d}.chip:hover{background-color:var(--chip-hover);box-shadow:0 1px 3px #0000001a}.result-view{flex-direction:column;flex:1;width:100%;height:100%;display:flex;overflow:hidden}.result{flex:1;padding:0 10%;overflow-y:auto}.result::-webkit-scrollbar{width:6px}.result::-webkit-scrollbar-track{background:0 0}.result::-webkit-scrollbar-thumb{background:#cdd3da;border-radius:10px}.result::-webkit-scrollbar-thumb:hover{background:#aab2ba}.result-title{align-items:center;gap:20px;margin:40px 0;display:flex}.result-data{align-items:start;gap:20px;display:flex}.ai-avt{background:conic-gradient(from 180deg,#2a8af6 0deg,#a853ba 180deg,#e92a67 360deg);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.loader{flex-direction:column;gap:10px;width:100%;display:flex}.loader hr{background:linear-gradient(90deg,#9ed7ff,#fff,#9ed7ff) 0 0/800px 50px;border:none;border-radius:4px;height:20px;animation:3s linear infinite loader-bg}@keyframes loader-bg{0%{background-position:-800px 0}to{background-position:800px 0}}.result-data p{color:var(--text-primary);font-size:16px;font-weight:400;line-height:1.6}.result-search-box-wrapper{background-color:var(--content-bg);width:100%;max-width:820px;margin:0 auto;padding:20px 0;position:sticky;bottom:0}.result-search-box{background-color:var(--input-bg);box-shadow:0 2px 6px #0000001a}.bottom-info{text-align:center;color:var(--text-secondary);padding-bottom:12px;font-size:12px;font-weight:300}@media (width<=768px){.nav{padding:12px}.chat-container{padding:10px}.greet-hello{font-size:20px}.greet-question{font-size:24px}.result{padding:0 5%}}.suggestions-container{flex-direction:column;gap:12px;margin-top:24px;display:flex}.suggestions-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);opacity:.7;align-items:center;gap:8px;margin-left:4px;font-size:11px;font-weight:600;display:flex}.suggestions-list{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.suggestion-chip{text-align:left;max-width:100%;color:var(--accent-blue);cursor:pointer;background-color:#1a73e80a;border:1px solid #1a73e81f;border-radius:20px;outline:none;align-items:flex-start;gap:10px;padding:10px 18px;font-size:13.5px;font-weight:500;line-height:1.5;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.5s ease-out both slideInUp;display:flex}.suggestion-chip .chip-icon{opacity:.7;flex-shrink:0;margin-top:3px;transition:transform .25s}.suggestion-chip:hover{color:#1557b0;background-color:#1a73e814;border-color:#1a73e84d;transform:translate(4px);box-shadow:2px 4px 12px #1a73e814}.suggestion-chip:hover .chip-icon{opacity:1;transform:scale(1.1)}.suggestion-chip:active{transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.response-content{flex-direction:column;display:flex}.inline-suggestion-text{color:#8a94a6;align-items:flex-start;gap:6px;margin-top:12px;font-size:13px;font-style:italic;line-height:1.5;animation:.4s ease-out both suggestionFadeIn;display:flex}.suggestion-bulb-icon-static{color:#f59e0b;opacity:.75;flex-shrink:0;margin-top:1px}.suggestion-label{color:#1a73e8;white-space:nowrap;margin-right:2px;font-style:normal;font-weight:600}@keyframes suggestionFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-overlay{z-index:1000;background:radial-gradient(circle,#fff 0%,#f0f4f9 100%);justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.login-card{text-align:center;border:1px solid var(--border-color);background:#fff;border-radius:32px;width:100%;max-width:480px;padding:48px;animation:.6s cubic-bezier(.16,1,.3,1) slideInDown;box-shadow:0 20px 40px #0000000d}.login-header h1{color:var(--text-primary);letter-spacing:-.5px;margin:16px 0 8px;font-size:28px}.login-header p{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.login-icon-wrapper{background:#f0f4f9;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;display:flex}.login-form{flex-direction:column;gap:16px;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);opacity:.6;position:absolute;left:16px}.input-group input{border:1px solid var(--border-color);background:#f8fafc;border-radius:16px;outline:none;width:100%;padding:16px 16px 16px 48px;font-size:16px;transition:all .2s}.input-group input:focus{border-color:var(--accent-blue);background:#fff;box-shadow:0 0 0 4px #1a73e81a}.login-submit-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.login-submit-btn:hover{background:#333;transform:translateY(-2px)}.login-divider{color:var(--text-secondary);align-items:center;gap:16px;margin:24px 0;font-size:14px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.guest-login-btn{border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.guest-login-btn:hover{background:#f8fafc;border-color:#94a3b8}.error-message{color:#dc2626;text-align:left;margin-top:-8px;font-size:14px}.login-footer{color:var(--text-secondary);margin-top:32px;font-size:12px;line-height:1.5}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-profile{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.user-profile:hover{background:var(--hover-bg)}.logout-btn{color:#dc2626;cursor:pointer;border-radius:4px;padding:4px 8px;font-size:12px}.logout-btn:hover{background:#fee2e2}.result-data p{animation:.8s ease-in fadeIn}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}.profile-img{-webkit-user-select:none;user-select:none}.mic-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .3s;display:flex;position:relative}.mic-btn:hover{background-color:#f1f3f4}.mic-active{color:#ea4335}.mic-active:after{content:"";border:2px solid #ea4335;border-radius:50%;width:100%;height:100%;animation:1.5s infinite pulse-wave;position:absolute}@keyframes pulse-wave{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2)}}