.search-bar-wrap{align-items:center;background:var(--bg-neutral);border:1.5px solid var(--border-neutral);border-radius:12px;display:flex;flex:1;gap:8px;min-width:0;padding:8px 10px;transition:border-color .15s}.search-clear-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0}.search-bar-wrap.is-typing{border-color:var(--border-brand,#f7954a)}.search-bar-wrap .search-icon{color:var(--text-disable);flex-shrink:0;height:24px;width:24px}.search-bar-wrap .search-input{background:transparent;border:none;caret-color:var(--text-brand-secondary,#e57017);color:var(--text-neutral);flex:1;font-family:var(--font-body,"Inter",sans-serif);font-size:16px;font-weight:400;min-width:0;outline:none}.search-bar-wrap .search-input::-moz-placeholder{color:var(--text-disable)}.search-bar-wrap .search-input::placeholder{color:var(--text-disable)}.close-btn{align-items:center;background:var(--bg-transparent-white,hsla(0,0%,99%,.8));border:none;border-radius:99px;color:var(--text-neutral);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:opacity .15s;width:36px}.close-btn:hover{opacity:.75}.close-btn svg{height:20px;width:20px}.search-overlay{background:var(--bg-default,#f5f5f5);display:flex;flex-direction:column;inset:52px 0 0;overflow:hidden;overscroll-behavior:contain;position:fixed;touch-action:pan-y;transition:bottom .1s ease-out;z-index:190}.search-overlay .search-top{background:var(--bg-neutral,#fcfcfc);display:flex;flex-direction:column;flex-shrink:0;gap:16px;overscroll-behavior:none;padding:8px 12px;touch-action:none}.search-overlay .search-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-default,#f5f5f5);overscroll-behavior:contain;padding:12px 16px}.search-overlay .filter-bar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.search-overlay .filter-bar::-webkit-scrollbar{display:none}.search-overlay .filter-chip{align-items:center;background:var(--bg-default,#f5f5f5);border:none;border-radius:44px;color:var(--text-neutral-secondary,#756f74);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;gap:4px;line-height:20px;padding:6px 10px;transition:background .15s,color .15s;white-space:nowrap}.search-overlay .filter-chip.active{background:var(--gradient-main-4,#ffd1ad);color:var(--text-neutral,#403b3f);font-weight:500}.search-overlay .recent-section{display:flex;flex-direction:column;gap:8px}.search-overlay .section-title{color:var(--text-neutral,#403b3f);font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:24px}.search-overlay .recent-list{display:flex;flex-wrap:wrap;gap:8px}.search-overlay .recent-chip{align-items:center;background:var(--bg-default,#f5f5f5);border:none;border-radius:44px;color:var(--text-neutral-secondary,#756f74);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;gap:4px;line-height:20px;padding:6px 10px;transition:background .15s}.search-overlay .recent-chip:hover{background:var(--bg-neutral-secondary,#f2f0f2)}.search-overlay .recent-chip svg{color:var(--text-neutral-secondary);flex-shrink:0}.search-overlay .result-header{padding-bottom:4px}.search-overlay .result-count{color:var(--text-neutral,#403b3f);font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.search-fade-enter-active,.search-fade-leave-active{transition:opacity .18s ease}.search-fade-enter-from,.search-fade-leave-to{opacity:0}