/* Muted petrol/teal complements the warm room, with >3:1 contrast on both panels. */
.search-panel{position:relative}
.search-progress{height:4px;flex:none;margin:0 0 15px;border-radius:3px;background:#315f6224;overflow:hidden;contain:paint;pointer-events:none}
.search-progress-fill{display:block;position:relative;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#286668,#3b8580);overflow:hidden}
.search-progress-sheen{position:absolute;inset:0;background:linear-gradient(100deg,transparent 10%,#c5eee330 37%,#e1fff5b0 50%,#c5eee330 63%,transparent 90%);transform:translateX(-100%);animation:search-light 1.9s linear infinite;animation-play-state:paused}
.search-progress[data-running=true] .search-progress-sheen{animation-play-state:running}
@keyframes search-light{to{transform:translateX(100%)}}
.reduce-motion .search-progress-sheen{animation:none!important;transform:none;opacity:.3}
@media(prefers-reduced-motion:reduce){.search-progress-sheen{animation:none!important;transform:none;opacity:.3}}
@media(orientation:landscape) and (max-height:520px){.search-progress{margin-bottom:8px;height:3px}}

.search-progress-fill{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.search-progress[data-full=true] .search-progress-sheen{animation-play-state:running}
.reduce-motion .search-progress-fill{transition:none}@media(prefers-reduced-motion:reduce){.search-progress-fill{transition:none}}