.header{width:100%;background-color:white}.header.transparent{background-color:transparent;border-bottom:none}@media (min-width:769px){.header.transparent.explore-active{background-color:white;border-bottom:1px solid #e5e7eb}}@media (max-width:768px){.header{top:0;left:0;right:0;z-index:100;touch-action:none}.header,body{position:fixed}body{padding-top:60px;overflow:hidden;width:100%;height:100%}.header-container{display:flex;align-items:center;justify-content:space-between;touch-action:none}.header-left,.header-middle,.header-right{flex:0 0 auto}.header-logo-container{flex:0 0 auto;cursor:pointer}.mobile-menu-container{flex:0 0 auto}}.header-container{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;height:60px;min-height:60px;box-sizing:border-box}.header-left{justify-content:flex-start}.header-left,.header-middle{display:flex;align-items:center;flex:1;min-width:0}.header-middle{justify-content:center}.header-right{display:flex;align-items:center;flex:0 0 auto;justify-content:flex-end}.header-logo-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}@media (max-width:400px){.header-logo{display:none}}.header-logo-icon{cursor:pointer}.header-logo{font-size:1.25rem;font-weight:700;color:#000;text-decoration:none}.header-nav{display:none}@media (min-width:768px){.header-nav{display:flex;gap:1.5rem}}.header-nav-link{color:#374151;text-decoration:none}.header-nav-link:hover{color:#000}.header-actions{display:flex;align-items:center;gap:1rem}.header-public-actions{display:flex;align-items:center;gap:.5rem;margin-right:1rem}.header-additional-actions{display:flex;align-items:center;margin-right:.5rem}.feedback-button{margin-right:1rem}.header-additional-actions .button-text{transition:all .2s ease-in-out;border-radius:4px}.header-additional-actions .button-text:hover{background-color:#f3f4f6;color:#000}.mobile-view-toggle{display:flex;align-items:center;justify-content:center}.toggle-container{position:relative;display:flex;background-color:#f5f5f5;border-radius:8px;overflow:hidden;width:100px;height:36px}.toggle-option{flex:1;background:transparent;border:none;padding:8px;font-size:14px;font-weight:500;color:#4a5568;z-index:2;position:relative;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.toggle-option.active{color:#000}.toggle-slider{position:absolute;top:2px;height:32px;width:50px;border-radius:6px;background-color:white;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:1}.toggle-slider.left{left:2px}.toggle-slider.right{left:calc(100% - 52px)}.mobile-menu-container{position:relative;display:flex;justify-content:flex-end;background-color:rgba(255,255,255,.5);border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;cursor:pointer;color:#4b5563;padding:0}.mobile-menu-button,.mobile-menu-button:hover{background-color:transparent}.mobile-menu-button .mobile-user-avatar{width:30px;height:30px}.mobile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:white;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);width:150px;z-index:50;overflow:hidden;border:1px solid #e5e7eb}.mobile-menu-item{display:block;width:100%;text-align:left;padding:10px 16px;background:none;cursor:pointer;font-size:14px;color:#374151;border:none;border-bottom:1px solid #f3f4f6}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background-color:#f9fafb}.location-loading-indicator{display:none}@keyframes spin{0%{transform:rotate(0deg)}20%{transform:rotate(120deg)}40%{transform:rotate(180deg)}60%{transform:rotate(240deg)}80%{transform:rotate(300deg)}to{transform:rotate(1turn)}}.globe-icon-spinning{animation:spin .5s ease-in-out infinite;transform-style:preserve-3d;display:inline-block}.globe-icon-spinning.stopping{animation-iteration-count:1;animation-fill-mode:forwards}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.user-menu{display:flex;align-items:center;gap:0;position:relative}.username{display:none}.mobile-user-avatar,.user-avatar{width:35px;height:35px;border-radius:50%;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;cursor:pointer}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:white;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);width:150px;z-index:50;overflow:hidden;border:1px solid #e5e7eb}.user-menu-item{display:block;width:100%;text-align:left;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:#374151}.mobile-user-info,.user-menu-item:hover{background-color:#f9fafb}.mobile-user-info{display:flex;align-items:center;gap:.5rem;padding:10px 16px;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;font-weight:500}.mobile-menu-item:disabled{opacity:.7;cursor:not-allowed}.credit-balance{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#000;background-color:#f5f5f7;padding:6px 10px;border-radius:16px;transition:all .2s ease-in-out}.credit-balance:hover{background-color:#e5e7eb}.credit-icon{color:#4b5563}.separator{margin:0 8px;color:#d1d5db;font-weight:300}.header-credit-amount{min-width:24px;text-align:center;font-size:14px}.mobile-credit-balance{gap:6px;padding:10px 16px;font-weight:500;background-color:#f9fafb;border-bottom:1px solid #f3f4f6}.mobile-credit-balance,.query-display{display:flex;align-items:center;color:#374151;font-size:14px}.query-display{gap:8px;background-color:rgba(255,255,255,1);border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.query-icon{color:#6b7280;flex-shrink:0}.query-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151;font-size:.875rem}.discover-nav-buttons{display:flex;align-items:center;gap:.5rem}.discover-nav-button{padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:all .2s ease-in-out;border:none;background:none;cursor:pointer;font-size:.875rem;color:#6b7280;position:relative}.discover-nav-button:hover{background-color:#f3f4f6;color:#374151}.discover-nav-button.active{color:#000;font-weight:600;position:relative;background-color:transparent}.discover-nav-button.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#000}.discover-nav-button.active:hover{background-color:#e5e7eb;color:#000}.discover-indicator{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:6px;height:6px;background-color:#f02626;border-radius:50%;animation:discoverPulse 1s ease-in-out infinite}@keyframes discoverPulse{0%{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.2);opacity:.9}to{transform:translateX(-50%) scale(1);opacity:1}}.guide-button-with-indicator{position:relative}.guide-indicator{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:6px;height:6px;background-color:#f02626;border-radius:50%;animation:guidePulse 1s ease-in-out infinite}@keyframes guidePulse{0%{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.2);opacity:.9}to{transform:translateX(-50%) scale(1);opacity:1}}