/* 2026-09-19 大隆さん指示: 検索中は目立つ時計を出す（search-progress.mjs が挿入） */
.search-progress{position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));transform:translateX(-50%);z-index:1200;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:14px 20px 14px 16px;border-radius:999px;background:#17172b;color:#fff;box-shadow:0 14px 40px rgba(23,23,43,.35);animation:searchProgressIn .25s ease-out}
.search-progress.hidden{display:none}
@keyframes searchProgressIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
.search-progress-clock{width:56px;height:56px;flex:0 0 auto}
.search-progress-face{fill:#fff}
.search-progress-ring{fill:none;stroke:#ff4f9a;stroke-width:4;stroke-dasharray:176;stroke-dashoffset:176;transform-origin:32px 32px;transform:rotate(-90deg);animation:searchProgressRing 2.4s linear infinite}
@keyframes searchProgressRing{0%{stroke-dashoffset:176;stroke:#ff4f9a}50%{stroke-dashoffset:0;stroke:#7357ff}100%{stroke-dashoffset:-176;stroke:#23b8ff}}
.search-progress-hand{stroke:#17172b;stroke-width:4;stroke-linecap:round;transform-origin:32px 32px}
.search-progress-hand-min{animation:searchProgressSpin 1.2s linear infinite}
.search-progress-hand-hour{stroke-width:5;animation:searchProgressSpin 14.4s linear infinite}
@keyframes searchProgressSpin{to{transform:rotate(360deg)}}
.search-progress-center{fill:#ff4f9a}
.search-progress-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.search-progress-title{font-size:18px;font-weight:800;letter-spacing:.02em}
.search-progress-sub{font-size:12px;color:#cfc6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-progress-elapsed{font-size:12px;color:#8f8aa8;font-variant-numeric:tabular-nums}
.search-progress-elapsed:empty{display:none}
@media (max-width:420px){.search-progress{gap:10px;padding:12px 16px 12px 12px}.search-progress-clock{width:48px;height:48px}.search-progress-title{font-size:16px}.search-progress-sub{font-size:11px}}
@media (prefers-reduced-motion:reduce){.search-progress-hand-min,.search-progress-hand-hour,.search-progress-ring{animation-duration:6s}}